diff --git a/resources/js/app.js b/resources/js/app.js
index 6e1bec96..e1d95b6f 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -1,5 +1,5 @@
import Vue from 'vue';
-import { App as InertiaApp, plugin } from '@inertiajs/inertia-vue'
+import { App as InertiaApp, plugin, Link } from '@inertiajs/inertia-vue'
import Echo from 'laravel-echo';
window.io = require('socket.io-client');
import Sprite from './components/Sprite.js';
@@ -27,6 +27,7 @@ Vue.component('v-bool', VBool);
const el = document.getElementById('app')
Vue.mixin(hasModule);
+Vue.component(Link);
new Vue({
render: h => h(InertiaApp, {
diff --git a/resources/js/components/Pages.vue b/resources/js/components/Pages.vue
index 4684a621..976ed5e0 100644
--- a/resources/js/components/Pages.vue
+++ b/resources/js/components/Pages.vue
@@ -4,9 +4,9 @@
<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">
- <inertia-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"
+ <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}"
- ></inertia-link>
+ ></Link>
</div>
</div>
</div>
diff --git a/resources/js/layouts/App.vue b/resources/js/layouts/App.vue
index 3648488c..61b80956 100644
--- a/resources/js/layouts/App.vue
+++ b/resources/js/layouts/App.vue
@@ -17,9 +17,9 @@
<div class="flex">
<span class="text-xl font-semibold text-white leading-none" v-html="$page.props.title"></span>
<div class="flex ml-4">
- <inertia-link v-for="link, index in filterMenu" :key="index" :href="link.href" v-text="link.label" class="btn label mr-2" :class="`btn-${link.color}`">
+ <Link v-for="link, index in filterMenu" :key="index" :href="link.href" v-text="link.label" class="btn label mr-2" :class="`btn-${link.color}`">
<sprite :src="link.icon"></sprite>
- </inertia-link>
+ </Link>
</div>
</div>
<label for="search">
diff --git a/resources/js/layouts/_VLink.vue b/resources/js/layouts/_VLink.vue
index 1673510a..a76ca606 100644
--- a/resources/js/layouts/_VLink.vue
+++ b/resources/js/layouts/_VLink.vue
@@ -1,10 +1,10 @@
<template>
- <inertia-link class="flex text-white py-2 px-3 rounded-lg hover:bg-gray-600" :href="href" :class="{'bg-gray-700': $page.props.menu == menu}">
+ <Link class="flex text-white py-2 px-3 rounded-lg hover:bg-gray-600" :href="href" :class="{'bg-gray-700': $page.props.menu == menu}">
<sprite class="text-white w-6 h-6 mr-4" :src="icon"></sprite>
<span class="font-semibold">
<slot></slot>
</span>
- </inertia-link>
+ </Link>
</template>
<script>
diff --git a/resources/js/views/member/Courses.vue b/resources/js/views/member/Courses.vue
index 28a59020..c5458c96 100644
--- a/resources/js/views/member/Courses.vue
+++ b/resources/js/views/member/Courses.vue
@@ -26,7 +26,7 @@
<td v-text="course.completed_at_human"></td>
<td class="flex">
<a href="#" @click.prevent="single = course; mode = 'edit'" class="inline-flex btn btn-warning btn-sm"><sprite src="pencil"></sprite></a>
- <inertia-link href="#" @click.prevent="remove(course)" class="inline-flex btn btn-danger btn-sm"><sprite src="trash"></sprite></inertia-link>
+ <Link href="#" @click.prevent="remove(course)" class="inline-flex btn btn-danger btn-sm"><sprite src="trash"></sprite></Link>
</td>
</tr>
</table>
diff --git a/resources/js/views/member/Index.vue b/resources/js/views/member/Index.vue
index fd434ac5..1b71d0e1 100644
--- a/resources/js/views/member/Index.vue
+++ b/resources/js/views/member/Index.vue
@@ -51,11 +51,11 @@
</td>
<td v-text="`${member.joined_at_human}`"></td>
<td class="flex">
- <inertia-link :href="`/member/${member.id}/edit`" class="inline-flex btn btn-warning btn-sm"><sprite src="pencil"></sprite></inertia-link>
+ <Link :href="`/member/${member.id}/edit`" class="inline-flex btn btn-warning btn-sm"><sprite src="pencil"></sprite></Link>
<a href="#" v-show="hasModule('bill')" @click.prevent="openSidebar(index, 'payment.index')" class="inline-flex btn btn-info btn-sm"><sprite src="money"></sprite></a>
<a href="#" v-show="hasModule('courses')" @click.prevent="openSidebar(index, 'courses.index')" class="inline-flex btn btn-info btn-sm"><sprite src="course"></sprite></a>
<a href="#" @click.prevent="openSidebar(index, 'membership.index')" class="inline-flex btn btn-info btn-sm"><sprite src="user"></sprite></a>
- <inertia-link href="#" @click.prevent="remove(member)" class="inline-flex btn btn-danger btn-sm"><sprite src="trash"></sprite></inertia-link>
+ <Link href="#" @click.prevent="remove(member)" class="inline-flex btn btn-danger btn-sm"><sprite src="trash"></sprite></Link>
</td>
</tr>
diff --git a/resources/js/views/member/Memberships.vue b/resources/js/views/member/Memberships.vue
index 67ed2a91..8b2bc6a3 100644
--- a/resources/js/views/member/Memberships.vue
+++ b/resources/js/views/member/Memberships.vue
@@ -22,7 +22,7 @@
<td v-text="membership.human_date"></td>
<td class="flex">
<a href="#" @click.prevent="single = membership; mode = 'edit'" class="inline-flex btn btn-warning btn-sm"><sprite src="pencil"></sprite></a>
- <inertia-link href="#" @click.prevent="remove(membership)" class="inline-flex btn btn-danger btn-sm"><sprite src="trash"></sprite></inertia-link>
+ <Link href="#" @click.prevent="remove(membership)" class="inline-flex btn btn-danger btn-sm"><sprite src="trash"></sprite></Link>
</td>
</tr>
</table>
diff --git a/resources/js/views/member/Payments.vue b/resources/js/views/member/Payments.vue
index 092e0ce9..9c7be9f3 100644
--- a/resources/js/views/member/Payments.vue
+++ b/resources/js/views/member/Payments.vue
@@ -23,8 +23,8 @@
<td v-text="payment.subscription_name"></td>
<td class="flex">
<a href="#" @click.prevent="single = payment; mode = 'edit'" class="inline-flex btn btn-warning btn-sm"><sprite src="pencil"></sprite></a>
- <inertia-link v-show="!payment.is_accepted" href="#" @click.prevent="accept(payment)" class="inline-flex btn btn-success btn-sm"><sprite src="check"></sprite></inertia-link>
- <inertia-link href="#" @click.prevent="remove(payment)" class="inline-flex btn btn-danger btn-sm"><sprite src="trash"></sprite></inertia-link>
+ <Link v-show="!payment.is_accepted" href="#" @click.prevent="accept(payment)" class="inline-flex btn btn-success btn-sm"><sprite src="check"></sprite></Link>
+ <Link href="#" @click.prevent="remove(payment)" class="inline-flex btn btn-danger btn-sm"><sprite src="trash"></sprite></Link>
</td>
</tr>
</table>
diff --git a/resources/js/views/subscription/Index.vue b/resources/js/views/subscription/Index.vue
index 62e3d33c..a88d4e72 100644
--- a/resources/js/views/subscription/Index.vue
+++ b/resources/js/views/subscription/Index.vue
@@ -13,7 +13,7 @@
<div class="py-1 px-6" v-text="sub.amount_human"></div>
<div class="py-1 px-6" v-text="sub.fee_name"></div>
<div class="py-1 px-6 flex">
- <inertia-link :href="`/subscription/${sub.id}/edit`" class="inline-flex btn btn-warning btn-sm"><sprite src="pencil"></sprite></inertia-link>
+ <Link :href="`/subscription/${sub.id}/edit`" class="inline-flex btn btn-warning btn-sm"><sprite src="pencil"></sprite></Link>
</div>
</div>