diff --git a/resources/js/app.js b/resources/js/app.js index d117628d..07af5f95 100644 --- a/resources/js/app.js +++ b/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'); diff --git a/resources/js/components/SidebarHeader.vue b/resources/js/components/SidebarHeader.vue index 32c0eebd..06e949d9 100644 --- a/resources/js/components/SidebarHeader.vue +++ b/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> diff --git a/resources/js/components/Pages.vue b/resources/js/components/VPages.vue similarity index 96% rename from resources/js/components/Pages.vue rename to resources/js/components/VPages.vue index 976ed5e0..ebfd2379 100644 --- a/resources/js/components/Pages.vue +++ b/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> diff --git a/resources/js/layouts/AppLayout.vue b/resources/js/layouts/AppLayout.vue index bf74861d..0858a495 100644 --- a/resources/js/layouts/AppLayout.vue +++ b/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> diff --git a/resources/js/views/member/VIndex.vue b/resources/js/views/member/VIndex.vue index 4347067f..de0c87dd 100644 --- a/resources/js/views/member/VIndex.vue +++ b/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">