Rename v-notification

This commit is contained in:
philipp lang 2022-02-12 15:15:27 +01:00
parent 62331a26f3
commit 5da6bd709b
3 changed files with 9 additions and 9 deletions

View File

@ -39,8 +39,6 @@ export default {
} }
return i; return i;
return this.$page.props.errors;
} }
} }
}; };

View File

@ -1,7 +1,7 @@
<template> <template>
<div id="app" class="flex font-sans grow"> <div id="app" class="flex font-sans grow">
<notification class="fixed z-40 right-0 bottom-0 mb-3 mr-3"></notification> <v-notification class="fixed z-40 right-0 bottom-0 mb-3 mr-3"></v-notification>
<!-- ******************************** Sidebar ******************************** --> <!-- ******************************** Sidebar ******************************** -->
<div class="fixed bg-gray-800 p-6 w-56 left-0 top-0 h-screen border-r border-gray-600 border-solid"> <div class="fixed bg-gray-800 p-6 w-56 left-0 top-0 h-screen border-r border-gray-600 border-solid">
@ -39,10 +39,12 @@
import VLink from './_VLink.vue'; import VLink from './_VLink.vue';
import { debounce } from 'lodash'; import { debounce } from 'lodash';
import mergesQueryString from '../mixins/mergesQueryString.js'; import mergesQueryString from '../mixins/mergesQueryString.js';
import Notification from '../components/Notification.vue';
export default { export default {
components: { Notification, VLink }, components: {
'VNotification': () => import('../components/VNotification.vue'),
VLink
},
mixins: [ mergesQueryString ], mixins: [ mergesQueryString ],
computed: { computed: {

View File

@ -1,6 +1,6 @@
<template> <template>
<div id="app" class="bg-gray-900 font-sans flex flex-col grow items-center justify-center"> <div id="app" class="bg-gray-900 font-sans flex flex-col grow items-center justify-center">
<notification class="fixed z-40 right-0 bottom-0 mb-3 mr-3"></notification> <v-notification class="fixed z-40 right-0 bottom-0 mb-3 mr-3"></v-notification>
<div class="w-96 bg-gray-800 rounded-xl overflow-hidden shadow-lg"> <div class="w-96 bg-gray-800 rounded-xl overflow-hidden shadow-lg">
<slot></slot> <slot></slot>
</div> </div>
@ -8,9 +8,9 @@
</template> </template>
<script> <script>
import Notification from '../components/Notification.vue';
export default { export default {
components: { Notification }, components: {
VNotification: () => import('../components/VNotification.vue')
},
}; };
</script> </script>