Extract components

resources/js/views/member/ShowView.vue

@@ -75,16 +75,16 @@ export default {
     },
 
     components: {
-        box: () => import('./Box'),
-        stamm: () => import('./boxes/Stamm'),
-        kontakt: () => import('./boxes/Kontakt'),
-        prae: () => import('./boxes/Prae'),
-        courses: () => import('./boxes/Courses'),
-        system: () => import('./boxes/System'),
-        payments: () => import('./boxes/Payments'),
-        memberships: () => import('./boxes/Memberships'),
-        vmap: () => import('./boxes/Vmap'),
-        tabs: () => import('./Tabs'),
+        box: () => import(/* webpackChunkName: "member" */ './Box'),
+        stamm: () => import(/* webpackChunkName: "member" */ './boxes/Stamm'),
+        kontakt: () => import(/* webpackChunkName: "member" */ './boxes/Kontakt'),
+        prae: () => import(/* webpackChunkName: "member" */ './boxes/Prae'),
+        courses: () => import(/* webpackChunkName: "member" */ './boxes/Courses'),
+        system: () => import(/* webpackChunkName: "member" */ './boxes/System'),
+        payments: () => import(/* webpackChunkName: "member" */ './boxes/Payments'),
+        memberships: () => import(/* webpackChunkName: "member" */ './boxes/Memberships'),
+        vmap: () => import(/* webpackChunkName: "member" */ './boxes/Vmap'),
+        tabs: () => import(/* webpackChunkName: "member" */ './Tabs'),
     },
 
     created() {

resources/js/views/member/Tags.vue

@@ -0,0 +1,23 @@
+<template>
+    <div class="bool-row">
+        <v-bool
+            true-comment="Mittendrin abonniert"
+            false-comment="Mittendrin nicht abonníert"
+            v-model="member.send_newspaper"
+            >M</v-bool
+        >
+        <v-bool true-comment="In NaMi eingetragen" false-comment="Nicht in NaMi eingetragen" v-model="member.has_nami"
+            >N</v-bool
+        >
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        member: {
+            required: true,
+        },
+    },
+};
+</script>

resources/js/views/member/VIndex.vue

@@ -25,22 +25,7 @@
                 <td v-text="member.lastname"></td>
                 <td v-text="member.firstname"></td>
                 <td class="hidden 2xl:table-cell" v-text="member.full_address"></td>
-                <td>
-                    <div class="bool-row">
-                        <v-bool
-                            true-comment="Mittendrin abonniert"
-                            false-comment="Mittendrin nicht abonníert"
-                            v-model="member.send_newspaper"
-                            >M</v-bool
-                        >
-                        <v-bool
-                            true-comment="In NaMi eingetragen"
-                            false-comment="Nicht in NaMi eingetragen"
-                            v-model="member.has_nami"
-                            >N</v-bool
-                        >
-                    </div>
-                </td>
+                <td><tags :member="member"></tags></td>
                 <td class="hidden xl:table-cell" v-text="member.age"></td>
                 <td class="hidden xl:table-cell" v-show="hasModule('bill')">
                     <div class="flex justify-center">
@@ -168,7 +153,8 @@ export default {
         MemberPayments,
         MemberFilter,
         MemberCourses,
-        'age-groups': () => import('./AgeGroups'),
+        'age-groups': () => import(/* webpackChunkName: "member" */ './AgeGroups'),
+        'tags': () => import(/* webpackChunkName: "member" */ './Tags'),
     },
 
     methods: {

resources/js/views/member/boxes/Kontakt.vue

@@ -31,7 +31,7 @@ export default {
         inner: {},
     },
     components: {
-        'key-value': () => import('../KeyValue'),
+        'key-value': () => import(/* webpackChunkName: "member" */ '../KeyValue'),
     },
 };
 </script>

resources/js/views/member/boxes/Prae.vue

@@ -50,8 +50,8 @@ export default {
         inner: {},
     },
     components: {
-        'key-value': () => import('../KeyValue'),
-        'boolean': () => import('../Boolean'),
+        'key-value': () => import(/* webpackChunkName: "member" */ '../KeyValue'),
+        'boolean': () => import(/* webpackChunkName: "member" */ '../Boolean'),
     },
 };
 </script>

resources/js/views/member/boxes/Stamm.vue

@@ -20,7 +20,7 @@ export default {
         inner: {},
     },
     components: {
-        'key-value': () => import('../KeyValue'),
+        'key-value': () => import(/* webpackChunkName: "member" */ '../KeyValue'),
     },
 };
 </script>

resources/js/views/member/boxes/System.vue

@@ -14,8 +14,8 @@ export default {
         inner: {},
     },
     components: {
-        'key-value': () => import('../KeyValue'),
-        'boolean': () => import('../Boolean'),
+        'key-value': () => import(/* webpackChunkName: "member" */ '../KeyValue'),
+        'boolean': () => import(/* webpackChunkName: "member" */ '../Boolean'),
     },
 };
 </script>