diff --git a/src/composables/__tests__/useModal.test.ts b/src/composables/__tests__/useModal.test.ts
index 72a759b..282e5be 100644
--- a/src/composables/__tests__/useModal.test.ts
+++ b/src/composables/__tests__/useModal.test.ts
@@ -1,12 +1,12 @@
 import { describe, assert, it, expect } from 'vitest'
 import { nextTick } from 'vue'
-import { mount } from '@vue/test-utils'
+import { shallowMount } from '@vue/test-utils'
 import ModalComponent from '../../components/Modal.vue'
 import { useModal } from '../index'
 
 describe('composable: useModal', () => {
   const modal = useModal()
-  const wrapper = mount(ModalComponent, {
+  const wrapper = shallowMount(ModalComponent, {
     global: {
       renderStubDefaultSlot: true,
     },
diff --git a/src/router/index.ts b/src/router/index.ts
index b081eb2..94ddcc8 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -5,7 +5,6 @@ import CreateWishlistView from '@/views/CreateWishlistView.vue'
 import AddWishlistItemView from '@/views/AddWishlistItemView.vue'
 import DetailView from '@/views/DetailView.vue'
 import { useAuth } from '@/composables'
-const { isAuthenticated } = useAuth()
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -50,6 +49,7 @@ const router = createRouter({
 })
 
 router.beforeEach((to) => {
+  const { isAuthenticated } = useAuth()
   if (!isAuthenticated.value && to.meta.requiresAuth === true) {
     return { name: 'login' }
   }