🐛 fix MSW starting issue

Author: doroudi

src/components.d.ts

@@ -34,7 +34,6 @@ declare module 'vue' {
     NBreadcrumb: typeof import('naive-ui')['NBreadcrumb']
     NBreadcrumbItem: typeof import('naive-ui')['NBreadcrumbItem']
     NButton: typeof import('naive-ui')['NButton']
-    NColorPicker: typeof import('naive-ui')['NColorPicker']
     NConfigProvider: typeof import('naive-ui')['NConfigProvider']
     NDataTable: typeof import('naive-ui')['NDataTable']
     NDialogProvider: typeof import('naive-ui')['NDialogProvider']
@@ -44,22 +43,19 @@ declare module 'vue' {
     NForm: typeof import('naive-ui')['NForm']
     NFormItem: typeof import('naive-ui')['NFormItem']
     NIcon: typeof import('naive-ui')['NIcon']
-    NICon: typeof import('naive-ui')['NICon']
     NInput: typeof import('naive-ui')['NInput']
     NLayout: typeof import('naive-ui')['NLayout']
     NLayoutContent: typeof import('naive-ui')['NLayoutContent']
     NLayoutSider: typeof import('naive-ui')['NLayoutSider']
     NMenu: typeof import('naive-ui')['NMenu']
     NMessageProvider: typeof import('naive-ui')['NMessageProvider']
-    NModal: typeof import('naive-ui')['NModal']
     NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
     Notifications: typeof import('./components/Notifications.vue')['default']
     NPageHeader: typeof import('naive-ui')['NPageHeader']
     NPopselect: typeof import('naive-ui')['NPopselect']
     NSpace: typeof import('naive-ui')['NSpace']
     NTooltip: typeof import('naive-ui')['NTooltip']
     NTreeSelect: typeof import('naive-ui')['NTreeSelect']
-    NUpload: typeof import('naive-ui')['NUpload']
     OrderManagement: typeof import('./components/Orders/OrderManagement.vue')['default']
     PersianIcon: typeof import('./components/CountryIcons/PersianIcon.vue')['default']
     ProductsManagement: typeof import('./components/Products/ProductsManagement.vue')['default']

src/main.ts

@@ -16,10 +16,23 @@ declare module '@vue/runtime-core' {
   }
 }
 
-async function enableMocking() {
+async function initializeMocking() {
   const { worker } = await import('~/mocks/browser')
   return worker.start({
     onUnhandledRequest: 'bypass',
+    serviceWorker: {
+      url: '/mockServiceWorker.js',
+      options: {
+        // Add more reliable service worker options
+        scope: '/',
+      },
+    },
+    quiet: true,
+    waitUntilReady: false,
+  }).catch((error) => {
+    console.warn('MSW initialization failed:', error)
+    // Continue app execution even if mocking fails
+    return Promise.resolve()
   })
 }
 
@@ -48,4 +61,15 @@ router.beforeEach((to, from, next) => {
 
   next()
 })
-app.mount('#app')
+
+async function startApp() {
+  try {
+    await initializeMocking()
+  }
+  catch (error) {
+    console.warn('Mock service initialization failed:', error)
+  }
+  app.mount('#app')
+}
+
+startApp()

src/pages/Brands/index.vue

@@ -6,7 +6,7 @@
 meta:
   title: Brands
   breadcrumb:
-    - productsManagement
+    - productManagement
     - brands
 </route>
 

src/pages/Categories/index.vue

@@ -6,7 +6,7 @@
 meta:
   title: Category Management
   breadcrumb:
-    - productsManagement
+    - productManagement
     - categories
 </route>
 

src/pages/Colors/index.vue

@@ -6,7 +6,7 @@
 meta:
   title: Color Management
   breadcrumb:
-    - productsManagement
+    - productManagement
     - colors
 </route>
 

src/pages/Products/Create.vue

@@ -6,7 +6,7 @@
 meta:
   title: Create Product
   breadcrumb:
-    - productsManagement
+    - productManagement
     - products
     - create
 </route>

src/pages/Products/index.vue

@@ -6,7 +6,7 @@
 meta:
   title: Products Management
   breadcrumb:
-    - productsManagement
+    - productManagement
     - products
 </route>