@cnamts/synapse 1.0.10 → 1.0.11

package/src/components/FooterBar/tests/FooterBar.spec.ts

@@ -3,7 +3,6 @@ import { describe, it, expect, vi } from 'vitest'
 import FooterBar from '@/components/FooterBar/FooterBar.vue'
 import { locales } from '@/components/FooterBar/locales'
 import { A11yComplianceEnum } from '@/components/FooterBar/A11yCompliance'
-import { vuetify } from '@tests/unit/setup'
 import { LogoSize } from '@/components/Logo/LogoSize'
 import { nextTick } from 'vue'
 
@@ -17,13 +16,13 @@ describe('FooterBar', () => {
 	}
 
 	it('renders correctly', async () => {
-		const wrapper = mount(FooterBar, { global: { plugins: [vuetify] } })
+		const wrapper = mount(FooterBar)
 		expect(FooterBar).toBeTruthy()
 		expect(wrapper.html()).toMatchSnapshot()
 	})
 
 	it('renders default props correctly', () => {
-		const wrapper = mount(FooterBar, { global: { plugins: [vuetify] } })
+		const wrapper = mount(FooterBar)
 		expect(wrapper.props().a11yCompliance).toBe('non-compliant')
 		expect(wrapper.props().linkItems).toBeNull()
 		expect(wrapper.props().sitemapRoute).toEqual({ name: 'sitemap' })
@@ -36,14 +35,14 @@ describe('FooterBar', () => {
 			linkItems: [{ text: 'Custom Link', to: '/custom' }],
 			hideSitemapLink: true,
 		}
-		const wrapper = mount(FooterBar, { props: customProps, global: { plugins: [vuetify] } })
+		const wrapper = mount(FooterBar, { props: customProps })
 		expect(wrapper.props().a11yCompliance).toBe(A11yComplianceEnum['fully-compliant'])
 		expect(wrapper.props().linkItems).toEqual(customProps.linkItems)
 		expect(wrapper.props().hideSitemapLink).toBe(true)
 	})
 
 	it('renders footer links correctly', () => {
-		const wrapper = mount(FooterBar, { global: { plugins: [vuetify] } })
+		const wrapper = mount(FooterBar)
 		const links = wrapper.findAll('.vd-footer-bar-links li')
 		expect(links.length).toBeGreaterThan(0)
 	})
@@ -57,7 +56,6 @@ describe('FooterBar', () => {
 				hideLegalNoticeLink: true,
 				hideA11yLink: true,
 			},
-			global: { plugins: [vuetify] },
 		})
 		const links = wrapper.findAll('.vd-footer-bar-links li')
 		expect(links.length).toBe(0)
@@ -65,25 +63,17 @@ describe('FooterBar', () => {
 
 	it('renders version if provided', () => {
 		const version = '1.0.0'
-		const wrapper = mount(FooterBar, { props: { version }, global: { plugins: [vuetify] } })
+		const wrapper = mount(FooterBar, { props: { version } })
 		expect(wrapper.text()).toContain(`${locales.versionLabel} ${version}`)
 	})
 
 	it('computes logoSize correctly for desktop screens', () => {
-		const wrapper = mount(FooterBar, {
-			global: {
-				plugins: [vuetify],
-			},
-		})
+		const wrapper = mount(FooterBar)
 		expect(wrapper.vm.$.exposed?.logoSize.value).toBe(LogoSize.NORMAL)
 	})
 
 	it('computes logoSize correctly for small screens', async () => {
-		const wrapper = mount(FooterBar, {
-			global: {
-				plugins: [vuetify],
-			},
-		})
+		const wrapper = mount(FooterBar)
 		Object.defineProperty(window, 'innerWidth', {
 			writable: true,
 			configurable: true,
@@ -97,7 +87,6 @@ describe('FooterBar', () => {
 	it('renders the scroll to top button and triggers scrollToTop', async () => {
 		// Passer un slot ou forcer une condition pour activer le mode étendu
 		const wrapper = mount(FooterBar, {
-			global: { plugins: [vuetify] },
 			slots: {
 				default: '<div>Extended mode content</div>', // Slot pour forcer le mode étendu
 			},
@@ -141,7 +130,6 @@ describe('FooterBar', () => {
 		]
 		const wrapper = mount(FooterBar, {
 			props: { linkItems },
-			global: { plugins: [vuetify] },
 		})
 
 		const links = wrapper.findAll('.vd-footer-bar-links a')

package/src/components/FranceConnectBtn/tests/FranceConnectBtn.spec.ts

@@ -1,15 +1,11 @@
 import { describe, it, expect } from 'vitest'
 import { mount } from '@vue/test-utils'
-import { vuetify } from '@tests/unit/setup'
 import FranceConnectBtn from '../FranceConnectBtn.vue'
 import { VThemeProvider } from 'vuetify/components'
 
 describe('FranceConnectBtn', () => {
 	it('renders correctly', () => {
 		const wrapper = mount(FranceConnectBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			propsData: {
 				href: 'https://app.franceconnect.gouv.fr/',
 			},
@@ -21,9 +17,6 @@ describe('FranceConnectBtn', () => {
 
 	it('renders correctly with connect-plus', () => {
 		const wrapper = mount(FranceConnectBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			propsData: {
 				href: 'https://app.franceconnect.gouv.fr/',
 				isConnectPlus: true,
@@ -47,10 +40,6 @@ describe('FranceConnectBtn', () => {
                 >
                     <FranceConnectBtn href="https://app.franceconnect.gouv.fr/" isConnectPlus />
                 </VThemeProvider>`,
-		}, {
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		expect(wrapper.html()).toMatchSnapshot()

package/src/components/HeaderBar/HeaderBar.stories.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
 
-import { mdiAccountCircleOutline, mdiMagnify, mdiMenu } from '@mdi/js'
+import { mdiAccountCircleOutline, mdiMagnify } from '@mdi/js'
 import { VBtn, VListItem, VListItemTitle } from 'vuetify/components'
 import HeaderToolbar from '../HeaderToolbar/HeaderToolbar.vue'
 import LogoBrandSection from '../LogoBrandSection/LogoBrandSection.vue'
@@ -199,40 +199,39 @@ export const WithRightMenu: Story = {
 			setup() {
 				const searchIcon = mdiMagnify
 				const accountIcon = mdiAccountCircleOutline
-				const menuIcon = mdiMenu
 
-				return { args, searchIcon, accountIcon, menuIcon }
+				return { args, searchIcon, accountIcon }
 			},
 			template: `<div class="position: relative">
 				<HeaderBar v-bind="args">
-					<template #header-side="{ menuOpen }">
-						<nav class="d-none d-md-flex justify-center h-100 ga-4 pr-4">
-							<VBtn
-								variant="text"
-								:prepend-icon="searchIcon"
-								color="primary"
-								role="search"
-							>
-								Rechercher
-							</VBtn>
-							<VBtn
-								color="primary"
-								:prepend-icon="accountIcon"
-							>
-								Login
-							</VBtn>
-						</nav>
-						<VBtn
-							class="d-md-none"
-							variant="text"
-						>
-							<SyIcon
-								size="x-large"
-								:icon="menuIcon"
-								aria-label="Ouvrir le menu"
-							/>
-						</VBtn>
-					</template>
+                  <template #header-side>
+                    <nav class="d-none d-md-flex justify-center h-100 ga-4 pr-4">
+                      <VBtn
+                          variant="text"
+                          :prepend-icon="searchIcon"
+                          color="primary"
+                          role="search"
+                      >
+                        Rechercher
+                      </VBtn>
+                      <VBtn
+                          color="primary"
+                          :prepend-icon="accountIcon"
+                      >
+                        Login
+                      </VBtn>
+                    </nav>
+                    <VBtn
+                        class="d-md-none"
+                        variant="text"
+                    >
+                      <VBtn
+                          color="primary"
+                          density="comfortable"
+                          :icon="accountIcon"
+                      />
+                    </vbtn>
+                  </template>
 				</HeaderBar>
 			</div>`,
 		}
@@ -247,7 +246,7 @@ export const WithRightMenu: Story = {
 						service-title="Synapse"
 						service-subtitle="Design System"
 					>
-						<template #header-side="{ menuOpen }">
+						<template #header-side>
 							<nav class="d-none d-md-flex justify-center h-100 ga-4 pr-4">
 								<VBtn
 									variant="text"
@@ -268,11 +267,11 @@ export const WithRightMenu: Story = {
 								class="d-md-none"
 								variant="text"
 							>
-								<SyIcon
-									size="x-large"
-									:icon="mdiMenu"
-									aria-label="Ouvrir le menu"
-								/>
+								<VBtn
+                                    color="primary"
+                                    density="comfortable"
+                                    :icon="mdiAccountCircleOutline"
+                                />
 							</VBtn>
 						</template>
 					</HeaderBar>
@@ -285,7 +284,7 @@ export const WithRightMenu: Story = {
 				<script setup lang="ts">
 					import { HeaderBar, SyIcon } from '@cnamts/synapse'
 					import { VBtn } from 'vuetify/components'
-					import { mdiMagnify, mdiAccountCircleOutline, mdiMenu } from '@mdi/js'
+					import { mdiMagnify, mdiAccountCircleOutline } from '@mdi/js'
 				</script>
 				`,
 			},

package/src/components/HeaderBar/HeaderBurgerMenu/HeaderSubMenu/tests/HeaderSubMenu.spec.ts

@@ -1,7 +1,5 @@
 import { mount } from '@vue/test-utils'
 import { afterEach, describe, expect, it, vi } from 'vitest'
-
-import { vuetify } from '@tests/unit/setup'
 import { registerSubMenuKey } from '../../conts'
 import HeaderSubMenu from '../HeaderSubMenu.vue'
 
@@ -18,7 +16,6 @@ describe('HeaderSubMenu', () => {
 				default: '<ul><li><a>Test 1</a></li></ul>',
 			},
 			global: {
-				plugins: [vuetify],
 				provide: {
 					[registerSubMenuKey]: registerSubMenu,
 				},
@@ -53,9 +50,6 @@ describe('HeaderSubMenu', () => {
 				title: '<h2>Sub menu title</h2>',
 				default: '<ul><li><a>Test 1</a></li></ul>',
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		expect(mountWithoutInject).toThrowError('The HeaderSubMenu component must be used inside a HeaderBurgerMenu component')

package/src/components/HeaderBar/HeaderBurgerMenu/tests/HeaderBurgerMenu.spec.ts

@@ -1,4 +1,3 @@
-import { vuetify } from '@tests/unit/setup'
 import { mount } from '@vue/test-utils'
 import { describe, expect, it, vi, afterAll } from 'vitest'
 import { registerHeaderMenuKey } from '../../consts'
@@ -31,7 +30,6 @@ describe('HeaderBurgerMenu', () => {
 	it('should render the component', async () => {
 		const wrapper = mount(HeaderBurgerMenu, {
 			global: {
-				plugins: [vuetify],
 				provide: {
 					[registerHeaderMenuKey]: () => {},
 				},
@@ -58,7 +56,6 @@ describe('HeaderBurgerMenu', () => {
 	it('should close the menu when clicking outside', async () => {
 		const wrapper = mount(HeaderBurgerMenu, {
 			global: {
-				plugins: [vuetify],
 				provide: {
 					[registerHeaderMenuKey]: () => {},
 				},
@@ -87,7 +84,6 @@ describe('HeaderBurgerMenu', () => {
 	it('should not close the menu when clicking inside', async () => {
 		const wrapper = mount(HeaderBurgerMenu, {
 			global: {
-				plugins: [vuetify],
 				provide: {
 					[registerHeaderMenuKey]: () => {},
 				},
@@ -115,7 +111,6 @@ describe('HeaderBurgerMenu', () => {
 	it('should listen to the button to open and close the menu', async () => {
 		const wrapper = mount(HeaderBurgerMenu, {
 			global: {
-				plugins: [vuetify],
 				provide: {
 					[registerHeaderMenuKey]: () => {},
 				},
@@ -143,7 +138,6 @@ describe('HeaderBurgerMenu', () => {
 	it('reposition the menu when the size of the window changes', async () => {
 		const wrapper = mount(HeaderBurgerMenu, {
 			global: {
-				plugins: [vuetify],
 				provide: {
 					[registerHeaderMenuKey]: () => {},
 				},

package/src/components/HeaderBar/HeaderBurgerMenu/tests/useHandleSubMenus.spec.ts

@@ -1,5 +1,4 @@
 /* eslint-disable vue/one-component-per-file */
-import { vuetify } from '@tests/unit/setup'
 import { mount } from '@vue/test-utils'
 import { describe, expect, it } from 'vitest'
 import { computed, defineComponent, inject, readonly, ref, type DeepReadonly, type Ref } from 'vue'
@@ -56,10 +55,6 @@ describe('useHandleSubMenus', () => {
 					<TestChildrenComponent />
 				</TestParentComponent>
 			`,
-		}, {
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		expect(wrapper.find('.parent-open').exists()).toBe(false)
@@ -96,10 +91,6 @@ describe('useHandleSubMenus', () => {
 					<TestChildrenComponent />
 				</TestParentComponent>
 			`,
-		}, {
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		expect(wrapper.find('.parent-open').exists()).toBe(false)
@@ -132,10 +123,6 @@ describe('useHandleSubMenus', () => {
 					<TestChildrenComponent />
 				</TestParentComponent>
 			`,
-		}, {
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		const parentBtn = wrapper.find('.parent-menu-btn')

package/src/components/HeaderBar/HeaderLogo/tests/HeaderLogo.spec.ts

@@ -1,4 +1,3 @@
-import { vuetify } from '@tests/unit/setup'
 import { mount } from '@vue/test-utils'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 import HeaderLogo from '../HeaderLogo.vue'
@@ -15,9 +14,6 @@ describe('HeaderLogo', () => {
 		window.happyDOM.setInnerWidth(600)
 
 		const mobileWrapper = mount(HeaderLogo, {
-			global: {
-				plugins: [vuetify],
-			},
 			attachTo: document.body,
 		})
 
@@ -35,9 +31,6 @@ describe('HeaderLogo', () => {
 		window.happyDOM.setInnerWidth(1200)
 
 		const desktopWrapper = mount(HeaderLogo, {
-			global: {
-				plugins: [vuetify],
-			},
 			attachTo: document.body,
 		})
 
@@ -58,9 +51,6 @@ describe('HeaderLogo', () => {
 
 	it('sould display the service and the logo aria-label', async () => {
 		const wrapper = mount(HeaderLogo, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				ariaLabel: 'Test aria label',
 				serviceTitle: 'Test service title',
@@ -77,9 +67,6 @@ describe('HeaderLogo', () => {
 
 	it('should render only the serviceTitle slot when set', async () => {
 		const wrapper = mount(HeaderLogo, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				serviceTitle: 'Test service title',
 			},
@@ -97,9 +84,7 @@ describe('HeaderLogo', () => {
 	it('render a router-link when homeLink is set with `to`', async () => {
 		const wrapper = mount(HeaderLogo, {
 			global: {
-				plugins: [vuetify],
-				stubs: ['RouterLink'],
-			},
+				stubs: ['RouterLink'] },
 			props: {
 				homeLink: {
 					to: '/',
@@ -113,9 +98,6 @@ describe('HeaderLogo', () => {
 
 	it('render a div when there there is no `RouterLink` component registered', async () => {
 		const wrapper = mount(HeaderLogo, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				homeLink: {
 					to: '/',
@@ -128,9 +110,6 @@ describe('HeaderLogo', () => {
 
 	it('render a div when the homeLink properties `to` and `href` are both set to `undefined`', async () => {
 		const wrapper = mount(HeaderLogo, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				homeLink: {
 					to: undefined,

package/src/components/HeaderBar/HeaderMenuBtn/tests/HeaderMenuBtn.spec.ts

@@ -1,4 +1,3 @@
-import { vuetify } from '@tests/unit/setup'
 import { mount } from '@vue/test-utils'
 import { describe, expect, it } from 'vitest'
 import HeaderMenuBtn from '../HeaderMenuBtn.vue'
@@ -7,9 +6,6 @@ import locals from '../locals'
 describe('HeaderMenuBtn', () => {
 	it('should render the component', async () => {
 		const wrapper = mount(HeaderMenuBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: false,
 			},
@@ -26,9 +22,6 @@ describe('HeaderMenuBtn', () => {
 
 	it('emit an event when the button is clicked', async () => {
 		const wrapper = mount(HeaderMenuBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: false,
 			},
@@ -44,9 +37,6 @@ describe('HeaderMenuBtn', () => {
 
 	it('focus when the focus exposed function is called', async () => {
 		const wrapper = mount(HeaderMenuBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				modelValue: false,
 			},

package/src/components/HeaderBar/tests/HeaderBar.spec.ts

@@ -1,4 +1,3 @@
-import { vuetify } from '@tests/unit/setup'
 import { mount } from '@vue/test-utils'
 import { afterAll, describe, expect, it, vi } from 'vitest'
 import { defineComponent, inject, onMounted, ref, type Ref } from 'vue'
@@ -20,9 +19,6 @@ describe('HeaderBar', () => {
 			props: {
 				sticky: false,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 			attachTo: document.body,
 		})
 		window.dispatchEvent(new CustomEvent('scroll'))
@@ -49,9 +45,6 @@ describe('HeaderBar', () => {
 
 	it('should render all the component slots', async () => {
 		const wrapper = mount(HeaderBar, {
-			global: {
-				plugins: [vuetify],
-			},
 			attachTo: document.body,
 			slots: {
 				'default': '<div>Default slot</div>',
@@ -111,9 +104,6 @@ describe('HeaderBar', () => {
 					</template>
 				</HeaderBar>`,
 		}, {
-			global: {
-				plugins: [vuetify],
-			},
 			attachTo: document.body,
 		})
 		const text = wrapper.text()
@@ -133,9 +123,6 @@ describe('HeaderBar', () => {
 			props: {
 				sticky: true,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 			attachTo: document.body,
 		})
 		window.dispatchEvent(new CustomEvent('scroll'))
@@ -165,9 +152,6 @@ describe('HeaderBar', () => {
 			props: {
 				hideWhenDown: true,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 			attachTo: document.body,
 		})
 		window.dispatchEvent(new CustomEvent('scroll'))

package/src/components/HeaderLoading/tests/HeaderLoading.spec.ts

@@ -1,15 +1,11 @@
 import { describe, it, expect } from 'vitest'
 import { mount } from '@vue/test-utils'
-import { vuetify } from '@tests/unit/setup'
 
 import HeaderLoading from '../HeaderLoading.vue'
 
 describe('HeaderLoading', () => {
 	it('renders correctly', () => {
 		const wrapper = mount(HeaderLoading, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				width: '100px',
 				height: '1rem',

package/src/components/HeaderNavigationBar/HorizontalNavbar/HorizontalNavbar.vue

@@ -47,8 +47,11 @@
 	const route = instance?.appContext.config.globalProperties.$route as RouteLocationNormalizedLoaded | null || null
 	const router = instance?.appContext.config.globalProperties.$router as Router | null || null
 
-	// État pour suivre l'élément actif
-	const activeTab = ref<number>(0)
+	// Chemin courant réactif (prend router.currentRoute si dispo)
+	const currentPath = computed<string | null>(() => router?.currentRoute?.value?.path ?? route?.path ?? (typeof window !== 'undefined' ? window.location.pathname : null))
+
+	// État pour suivre l'élément actif (-1 signifie aucun onglet actif)
+	const activeTab = ref<number>(-1)
 	const activeItemIndex = ref<number>(-1)
 
 	// Convertir les items de navigation en format TabItem pour SyTabs
@@ -71,18 +74,16 @@
 			return false
 		}
 
-		// Si l'élément est explicitement activé par un clic ou initialisé
-		if (activeItemIndex.value === index) {
-			return true
-		}
+		// Ne pas court-circuiter sur l'état interne; recalculer toujours à partir de la route courante
 
 		// Pour les liens internes (router-link)
-		if (item.to && route) {
+		const pathNow = currentPath.value
+		if (item.to && pathNow) {
 			// Gestion des objets de route
 			if (typeof item.to === 'object') {
 				// Comparer avec le chemin de la route actuelle
 				const path = item.to.path || ''
-				const isActiveRoute = route.path === path
+				const isActiveRoute = pathNow === path
 				if (isActiveRoute) activeItemIndex.value = index
 				return isActiveRoute
 			}
@@ -90,7 +91,7 @@
 			// Gestion des chaînes de caractères
 			if (typeof item.to === 'string') {
 				// Comparer exactement ou vérifier si c'est un sous-chemin
-				const isActiveRoute = route.path === item.to || (item.to !== '/' && route.path.startsWith(item.to))
+				const isActiveRoute = pathNow === item.to || (item.to !== '/' && pathNow.startsWith(item.to))
 				if (isActiveRoute) activeItemIndex.value = index
 				return isActiveRoute
 			}
@@ -174,10 +175,10 @@
 			}
 		}
 
-		// Si aucun élément n'est actif, sélectionner le premier par défaut
-		if (!foundActiveItem && props.items.length > 0) {
-			activeItemIndex.value = 0
-			activeTab.value = 0
+		// Si aucun élément n'est actif, aucun onglet ne doit être sélectionné
+		if (!foundActiveItem) {
+			activeItemIndex.value = -1
+			activeTab.value = -1
 		}
 
 		return { activeTab: activeTab.value, activeItemIndex: activeItemIndex.value }
@@ -189,21 +190,27 @@
 	})
 
 	// Surveiller les changements de route pour mettre à jour l'élément actif
-	watch(() => route?.path, () => {
+	watch(() => currentPath.value, () => {
 		// Si route est undefined, ne rien faire
-		if (!route) return
+		if (!currentPath.value) return
 		if (Array.isArray(props.items)) {
 			// Reset activeItemIndex
 			activeItemIndex.value = -1
 
 			// Trouver l'élément actif basé sur la nouvelle route
+			let found = false
 			for (let i = 0; i < props.items.length; i++) {
 				if (isActive(props.items[i], i)) {
 					activeItemIndex.value = i
 					activeTab.value = i
+					found = true
 					break
 				}
 			}
+			if (!found) {
+				activeItemIndex.value = -1
+				activeTab.value = -1
+			}
 		}
 	})
 </script>

package/src/components/HeaderNavigationBar/tests/HeaderNavigationBar.spec.ts

@@ -1,5 +1,4 @@
 import HeaderBurgerMenu from '@/components/HeaderBar/HeaderBurgerMenu/HeaderBurgerMenu.vue'
-import { vuetify } from '@tests/unit/setup'
 import { mount } from '@vue/test-utils'
 import { afterAll, describe, expect, it, vi } from 'vitest'
 import HeaderNavbar from '../HeaderNavigationBar.vue'
@@ -21,7 +20,6 @@ describe('HeaderNavigationBar', () => {
 
 		const wrapper = mount(HeaderNavbar, {
 			global: {
-				plugins: [vuetify],
 				stubs: {
 					Teleport: true,
 					RouterLink: true, // Stub pour éviter l'avertissement de résolution de composant
@@ -64,7 +62,6 @@ describe('HeaderNavigationBar', () => {
 
 		const wrapper = mount(HeaderNavbar, {
 			global: {
-				plugins: [vuetify],
 				stubs: {
 					Teleport: true,
 					RouterLink: true, // Stub pour éviter l'avertissement de résolution de composant
@@ -99,7 +96,6 @@ describe('HeaderNavigationBar', () => {
 
 		const wrapper = mount(HeaderNavbar, {
 			global: {
-				plugins: [vuetify],
 				stubs: {
 					Teleport: true,
 					RouterLink: true,