Rename pages component

resources/js/app.js

@@ -6,7 +6,7 @@ import FText from './components/FText.vue';
 import FSwitch from './components/FSwitch.vue';
 import FSelect from './components/FSelect.vue';
 import FTextarea from './components/FTextarea.vue';
-import Pages from './components/Pages.vue';
+import VPages from './components/VPages.vue';
 import VBool from './components/VBool.vue';
 import AppLayout from './layouts/AppLayout.vue';
 import VTooltip from 'v-tooltip';
@@ -19,7 +19,7 @@ Vue.component('f-switch', FSwitch);
 Vue.component('f-select', FSelect);
 Vue.component('f-textarea', FTextarea);
 Vue.component('sprite', Sprite);
-Vue.component('pages', Pages);
+Vue.component('VPages', VPages);
 Vue.component('v-bool', VBool);
 
 const el = document.getElementById('app');

resources/js/components/SidebarHeader.vue

@@ -2,11 +2,11 @@
     <div class="h-16 px-6 flex justify-between items-center border-b border-solid border-gray-500">
         <div class="flex items-center">
             <span class="mr-1 text-xl font-semibold leading-none text-white" v-html="title"></span>
-            <a v-for="link in links.filter(link => link.icon === undefined)" @click.prevent="$emit(link.event)" href="#" class="btn label btn-primary-light">
+            <a v-for="link, index in links.filter(link => link.icon === undefined)" :key="index" @click.prevent="$emit(link.event)" href="#" class="btn label btn-primary-light">
                 <span v-if="link.label" v-text="link.label"></span>
                 <sprite v-if="link.icon" :src="link.icon"></sprite>
             </a>
-            <a v-for="link in links.filter(link => link.icon !== undefined)" :href="link.href" class="btn label icon btn-primary-light ml-1">
+            <a v-for="link, index in links.filter(link => link.icon !== undefined)" :key="index" :href="link.href" class="btn label icon btn-primary-light ml-1">
                 <span v-if="link.label" v-text="link.label"></span>
                 <sprite v-if="link.icon" :src="link.icon"></sprite>
             </a>

resources/js/components/VPages.vue

@@ -3,7 +3,7 @@
         <div class="text-sm text-gray-500" v-html="desc"></div>
         <div class="-mx-1 flex items-baseline">
             <div class="pl-1 pr-3 text-gray-500 text-sm">Seite:</div>
-            <div class="px-1" v-for="(link, index) in links">
+            <div class="px-1" v-for="link, index in links" :key="index">
                 <Link href="#" @click.prevent="goto(link)" class="rounded text-sm w-8 h-8 text-primary-100 flex items-center justify-center leading-none shadow" :key="index" v-text="link.page"
                     :class="{'bg-primary-700': link.current, 'bg-primary-900': !link.current}"
                 ></Link>

resources/js/layouts/AppLayout.vue

@@ -23,7 +23,7 @@
                     </div>
                 </div>
                 <label for="search">
-                    <input class="shadow-lg bg-gray-800 rounded-lg py-2 px-3 text-gray-300 hover:bg-gray-700 focus:bg-gray-700 placeholder-gray-400" placeholder="Suchen…" name="search" v-model="isearch"></input>
+                    <input class="shadow-lg bg-gray-800 rounded-lg py-2 px-3 text-gray-300 hover:bg-gray-700 focus:bg-gray-700 placeholder-gray-400" placeholder="Suchen…" name="search" v-model="isearch" />
                 </label>
             </div>
 

resources/js/views/member/VIndex.vue

@@ -62,7 +62,7 @@
         </table>
 
         <div class="px-6">
-            <pages class="mt-4" :value="data.meta" :only="['data']"></pages>
+            <v-pages class="mt-4" :value="data.meta" :only="['data']"></v-pages>
         </div>
 
         <transition name="sidebar">