ADR-013 Phase 4: relocate the remaining 9 plugin frontends (all 13 done)

Relocate warranty, measuringtools, network, printers, usb, notifications,
computers, and slides into plugins/<name>/frontend/. Each plugin's views are
pulled from wherever they lived (own dir, plus the shared views/settings/,
views/reports/, views/print/ dirs, and top-level views) into the plugin's
frontend/views/, and its route file becomes the self-contained routes.js.

Handled the messy cases:
- computers: name mismatch (its views live in views/pcs/) - moved by following
  the route file's own imports, so the dir name did not matter. Its OS/access-
  protocol/PC-type settings views move with it (only computers.js routed them).
- network: NetworkHub's sibling sub-views (NetworkDevicesList, SubnetsBrowse,
  not directly routed) moved too so its `./` imports resolve.
- printers: the qrLogo helper is SHARED with core AssetLabel, so it stays in
  views/print/ and PrinterQR imports it via @/views/print/qrLogo.
- slides: route file is toplevel-only (TVDashboard); SlideManager stays core
  (core.js routes /settings/slides).

frontend/src/views/ now holds only core views; frontend/src/router/routes/ holds
only core.js. All 13 plugins are self-contained under plugins/<name>/frontend/.
Verified live: Network (hub + moved sub-views), Computers (name mismatch),
GE-Enforce (helper), printedparts all render from their staged frontends. Build +
58 vitest + naming green.

plugins/computers/frontend/routes.js

@@ -5,44 +5,44 @@ export default [
   {
     path: 'pcs',
     name: 'pcs',
-    component: () => import('../../views/pcs/PCsList.vue'),
+    component: () => import('./views/PCsList.vue'),
     meta: { plugin: 'computers' }
   },
   {
     path: 'pcs/new',
     name: 'pc-new',
-    component: () => import('../../views/pcs/PCForm.vue'),
+    component: () => import('./views/PCForm.vue'),
     meta: { requiresAuth: true, plugin: 'computers' }
   },
   {
     path: 'pcs/:id',
     name: 'pc-detail',
-    component: () => import('../../views/pcs/PCDetail.vue'),
+    component: () => import('./views/PCDetail.vue'),
     meta: { plugin: 'computers' }
   },
   {
     path: 'pcs/:id/edit',
     name: 'pc-edit',
-    component: () => import('../../views/pcs/PCForm.vue'),
+    component: () => import('./views/PCForm.vue'),
     meta: { requiresAuth: true, plugin: 'computers' }
   },
   // Computer-specific settings
   {
     path: 'settings/pctypes',
     name: 'pctypes',
-    component: () => import('../../views/settings/PCTypesList.vue'),
+    component: () => import('./views/PCTypesList.vue'),
     meta: { requiresAuth: true, requiresAdmin: true, plugin: 'computers' }
   },
   {
     path: 'settings/operatingsystems',
     name: 'operatingsystems',
-    component: () => import('../../views/settings/OperatingSystemsList.vue'),
+    component: () => import('./views/OperatingSystemsList.vue'),
     meta: { requiresAuth: true, requiresAdmin: true, plugin: 'computers' }
   },
   {
     path: 'settings/accessprotocols',
     name: 'access-protocols',
-    component: () => import('../../views/settings/AccessProtocolsList.vue'),
+    component: () => import('./views/AccessProtocolsList.vue'),
     meta: { requiresAuth: true, requiresAdmin: true, plugin: 'computers' }
   }
 ]

plugins/computers/frontend/views/AccessProtocolsList.vue

@@ -92,7 +92,7 @@
 <script setup>
 import { ref, computed, onMounted } from 'vue'
 import { computersApi } from '@/api'
-import { apiError } from '../../utils/apiError'
+import { apiError } from '@/utils/apiError'
 
 const protocols = ref([])
 const loading = ref(true)

plugins/computers/frontend/views/OperatingSystemsList.vue

@@ -117,10 +117,10 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { operatingsystemsApi } from '../../api'
-import PaginationBar from '../../components/PaginationBar.vue'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { operatingsystemsApi } from '@/api'
+import PaginationBar from '@/components/PaginationBar.vue'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 import { useListQuery } from '@/composables/listQuery'
 const toast = useToast()
 

plugins/computers/frontend/views/PCDetail.vue

@@ -240,13 +240,13 @@
 import { ref, onMounted } from 'vue'
 import { colorStyle } from "@/utils/colorStyle"
 import { useRoute } from 'vue-router'
-import { computersApi, applicationsApi } from '../../api'
-import { useWarrantyBadge } from '../../composables/warrantyBadge'
-import LocationMapTooltip from '../../components/LocationMapTooltip.vue'
-import CustomFieldsSection from '../../components/CustomFieldsSection.vue'
-import PluginAssetPanels from '../../components/PluginAssetPanels.vue'
-import AssetRelationships from '../../components/AssetRelationships.vue'
-import { useIdentifierFlags } from '../../composables/identifierSettings'
+import { computersApi, applicationsApi } from '@/api'
+import { useWarrantyBadge } from '@/composables/warrantyBadge'
+import LocationMapTooltip from '@/components/LocationMapTooltip.vue'
+import CustomFieldsSection from '@/components/CustomFieldsSection.vue'
+import PluginAssetPanels from '@/components/PluginAssetPanels.vue'
+import AssetRelationships from '@/components/AssetRelationships.vue'
+import { useIdentifierFlags } from '@/composables/identifierSettings'
 
 const route = useRoute()
 const { isEnabled } = useIdentifierFlags()

plugins/computers/frontend/views/PCForm.vue

@@ -304,13 +304,13 @@
 <script setup>
 import { ref, onMounted, computed, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { computersApi, assetsApi, vendorsApi, locationsApi, modelsApi, operatingsystemsApi } from '../../api'
-import ShopFloorMap from '../../components/ShopFloorMap.vue'
-import Modal from '../../components/Modal.vue'
-import CustomFieldsInputs from '../../components/CustomFieldsInputs.vue'
-import { currentTheme } from '../../stores/theme'
-import { useIdentifierFlags } from '../../composables/identifierSettings'
-import { apiError } from '../../utils/apiError'
+import { computersApi, assetsApi, vendorsApi, locationsApi, modelsApi, operatingsystemsApi } from '@/api'
+import ShopFloorMap from '@/components/ShopFloorMap.vue'
+import Modal from '@/components/Modal.vue'
+import CustomFieldsInputs from '@/components/CustomFieldsInputs.vue'
+import { currentTheme } from '@/stores/theme'
+import { useIdentifierFlags } from '@/composables/identifierSettings'
+import { apiError } from '@/utils/apiError'
 
 const { isEnabled } = useIdentifierFlags()
 

plugins/computers/frontend/views/PCTypesList.vue

@@ -83,11 +83,11 @@
 
 <script setup>
 import { ref, computed, onMounted } from 'vue'
-import { computersApi } from '../../api'
+import { computersApi } from '@/api'
 import ColorSwatchPicker from '@/components/ColorSwatchPicker.vue'
 import { colorStyle } from '@/utils/colorStyle'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 const toast = useToast()
 
 const pcTypes = ref([])

plugins/computers/frontend/views/PCsList.vue

@@ -87,8 +87,8 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { computersApi } from '../../api'
-import PaginationBar from '../../components/PaginationBar.vue'
+import { computersApi } from '@/api'
+import PaginationBar from '@/components/PaginationBar.vue'
 import { colorStyle } from '@/utils/colorStyle'
 import { useListQuery } from '@/composables/listQuery'
 

plugins/measuringtools/frontend/routes.js

@@ -10,13 +10,13 @@ export default [
   {
     path: 'measuringtools',
     name: 'measuringtools',
-    component: () => import('../../views/measuringtools/MeasuringToolsList.vue'),
+    component: () => import('./views/MeasuringToolsList.vue'),
     meta: { plugin: 'measuringtools' }
   },
   {
     path: 'measuringtools/new',
     name: 'measuringtool-new',
-    component: () => import('../../views/measuringtools/MeasuringToolForm.vue'),
+    component: () => import('./views/MeasuringToolForm.vue'),
     meta: { requiresAuth: true, plugin: 'measuringtools' }
   },
   {
@@ -24,31 +24,31 @@ export default [
     // assetid, not the extension id). Shares the detail component.
     path: 'measuringtools/by-asset/:assetid',
     name: 'measuringtool-by-asset',
-    component: () => import('../../views/measuringtools/MeasuringToolDetail.vue'),
+    component: () => import('./views/MeasuringToolDetail.vue'),
     meta: { plugin: 'measuringtools' }
   },
   {
     path: 'measuringtools/:id',
     name: 'measuringtool-detail',
-    component: () => import('../../views/measuringtools/MeasuringToolDetail.vue'),
+    component: () => import('./views/MeasuringToolDetail.vue'),
     meta: { plugin: 'measuringtools' }
   },
   {
     path: 'measuringtools/:id/edit',
     name: 'measuringtool-edit',
-    component: () => import('../../views/measuringtools/MeasuringToolForm.vue'),
+    component: () => import('./views/MeasuringToolForm.vue'),
     meta: { requiresAuth: true, plugin: 'measuringtools' }
   },
   {
     path: 'reports/calibration',
     name: 'calibration-report',
-    component: () => import('../../views/reports/CalibrationReport.vue'),
+    component: () => import('./views/CalibrationReport.vue'),
     meta: { plugin: 'measuringtools' }
   },
   {
     path: 'settings/measuringtooltypes',
     name: 'measuringtooltypes',
-    component: () => import('../../views/settings/MeasuringToolTypesList.vue'),
+    component: () => import('./views/MeasuringToolTypesList.vue'),
     meta: { requiresAuth: true, requiresAdmin: true, plugin: 'measuringtools' }
   }
 ]

plugins/measuringtools/frontend/views/CalibrationReport.vue

@@ -54,7 +54,7 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { measuringtoolsApi } from '../../api'
+import { measuringtoolsApi } from '@/api'
 
 const loading = ref(true)
 const counts = ref({})

plugins/measuringtools/frontend/views/MeasuringToolDetail.vue

@@ -167,11 +167,11 @@
 import { ref, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
 import { colorStyle } from '@/utils/colorStyle'
-import { measuringtoolsApi } from '../../api'
-import CustomFieldsSection from '../../components/CustomFieldsSection.vue'
-import PluginAssetPanels from '../../components/PluginAssetPanels.vue'
-import AssetRelationships from '../../components/AssetRelationships.vue'
-import { useIdentifierFlags } from '../../composables/identifierSettings'
+import { measuringtoolsApi } from '@/api'
+import CustomFieldsSection from '@/components/CustomFieldsSection.vue'
+import PluginAssetPanels from '@/components/PluginAssetPanels.vue'
+import AssetRelationships from '@/components/AssetRelationships.vue'
+import { useIdentifierFlags } from '@/composables/identifierSettings'
 
 const route = useRoute()
 

plugins/measuringtools/frontend/views/MeasuringToolForm.vue

@@ -132,10 +132,10 @@
 <script setup>
 import { ref, onMounted, computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { measuringtoolsApi, assetsApi, locationsApi, businessunitsApi } from '../../api'
-import CustomFieldsInputs from '../../components/CustomFieldsInputs.vue'
-import { useIdentifierFlags } from '../../composables/identifierSettings'
-import { apiError } from '../../utils/apiError'
+import { measuringtoolsApi, assetsApi, locationsApi, businessunitsApi } from '@/api'
+import CustomFieldsInputs from '@/components/CustomFieldsInputs.vue'
+import { useIdentifierFlags } from '@/composables/identifierSettings'
+import { apiError } from '@/utils/apiError'
 
 const route = useRoute()
 const router = useRouter()

plugins/measuringtools/frontend/views/MeasuringToolTypesList.vue

@@ -83,11 +83,11 @@
 
 <script setup>
 import { ref, computed, onMounted } from 'vue'
-import { measuringtoolsApi } from '../../api'
+import { measuringtoolsApi } from '@/api'
 import ColorSwatchPicker from '@/components/ColorSwatchPicker.vue'
 import { colorStyle } from '@/utils/colorStyle'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 const toast = useToast()
 
 const types = ref([])

plugins/measuringtools/frontend/views/MeasuringToolsList.vue

@@ -94,8 +94,8 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { colorStyle } from '@/utils/colorStyle'
-import { measuringtoolsApi } from '../../api'
-import PaginationBar from '../../components/PaginationBar.vue'
+import { measuringtoolsApi } from '@/api'
+import PaginationBar from '@/components/PaginationBar.vue'
 import { useListQuery } from '@/composables/listQuery'
 
 const tools = ref([])

plugins/network/frontend/routes.js

@@ -5,25 +5,25 @@ export default [
   {
     path: 'network',
     name: 'network',
-    component: () => import('../../views/network/NetworkHub.vue'),
+    component: () => import('./views/NetworkHub.vue'),
     meta: { plugin: 'network' }
   },
   {
     path: 'network/new',
     name: 'network-new',
-    component: () => import('../../views/network/NetworkDeviceForm.vue'),
+    component: () => import('./views/NetworkDeviceForm.vue'),
     meta: { requiresAuth: true, plugin: 'network' }
   },
   {
     path: 'network/:id',
     name: 'network-detail',
-    component: () => import('../../views/network/NetworkDeviceDetail.vue'),
+    component: () => import('./views/NetworkDeviceDetail.vue'),
     meta: { plugin: 'network' }
   },
   {
     path: 'network/:id/edit',
     name: 'network-edit',
-    component: () => import('../../views/network/NetworkDeviceForm.vue'),
+    component: () => import('./views/NetworkDeviceForm.vue'),
     meta: { requiresAuth: true, plugin: 'network' }
   },
   {
@@ -34,20 +34,20 @@ export default [
   {
     path: 'networks/:id',
     name: 'network-subnet-detail',
-    component: () => import('../../views/network/SubnetDetail.vue'),
+    component: () => import('./views/SubnetDetail.vue'),
     meta: { plugin: 'network' }
   },
   // Network-specific settings
   {
     path: 'settings/vlans',
     name: 'vlans',
-    component: () => import('../../views/settings/VLANsList.vue'),
+    component: () => import('./views/VLANsList.vue'),
     meta: { requiresAuth: true, requiresAdmin: true, plugin: 'network' }
   },
   {
     path: 'settings/subnets',
     name: 'subnets',
-    component: () => import('../../views/settings/SubnetsList.vue'),
+    component: () => import('./views/SubnetsList.vue'),
     meta: { requiresAuth: true, requiresAdmin: true, plugin: 'network' }
   }
 ]

plugins/network/frontend/views/NetworkDeviceDetail.vue

@@ -200,14 +200,14 @@ import { ref, onMounted } from 'vue'
 import { colorStyle } from "@/utils/colorStyle"
 import { useRoute, useRouter } from 'vue-router'
 import { Network, Router, Shield, Wifi, Camera, Server, Server as Rack, Globe } from 'lucide-vue-next'
-import { useAuthStore } from '../../stores/auth'
-import { networkApi } from '../../api'
-import AssetRelationships from '../../components/AssetRelationships.vue'
-import CustomFieldsSection from '../../components/CustomFieldsSection.vue'
-import PluginAssetPanels from '../../components/PluginAssetPanels.vue'
-import { useWarrantyBadge } from '../../composables/warrantyBadge'
-import { useIdentifierFlags } from '../../composables/identifierSettings'
-import { useToast } from '../../composables/toast'
+import { useAuthStore } from '@/stores/auth'
+import { networkApi } from '@/api'
+import AssetRelationships from '@/components/AssetRelationships.vue'
+import CustomFieldsSection from '@/components/CustomFieldsSection.vue'
+import PluginAssetPanels from '@/components/PluginAssetPanels.vue'
+import { useWarrantyBadge } from '@/composables/warrantyBadge'
+import { useIdentifierFlags } from '@/composables/identifierSettings'
+import { useToast } from '@/composables/toast'
 const toast = useToast()
 
 const { isEnabled } = useIdentifierFlags()

plugins/network/frontend/views/NetworkDeviceForm.vue

@@ -254,10 +254,10 @@ import {
   locationsApi,
   assetsApi,
   businessunitsApi
-} from '../../api'
-import CustomFieldsInputs from '../../components/CustomFieldsInputs.vue'
-import { useIdentifierFlags } from '../../composables/identifierSettings'
-import { apiError } from '../../utils/apiError'
+} from '@/api'
+import CustomFieldsInputs from '@/components/CustomFieldsInputs.vue'
+import { useIdentifierFlags } from '@/composables/identifierSettings'
+import { apiError } from '@/utils/apiError'
 
 const { isEnabled } = useIdentifierFlags()
 

plugins/network/frontend/views/NetworkDevicesList.vue

@@ -119,8 +119,8 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { colorStyle } from "@/utils/colorStyle"
-import { networkApi, vendorsApi, locationsApi } from '../../api'
-import PaginationBar from '../../components/PaginationBar.vue'
+import { networkApi, vendorsApi, locationsApi } from '@/api'
+import PaginationBar from '@/components/PaginationBar.vue'
 import { useListQuery } from '@/composables/listQuery'
 
 const devices = ref([])

plugins/network/frontend/views/SubnetsList.vue

@@ -283,10 +283,10 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
-import { networkApi, locationsApi } from '../../api'
-import PaginationBar from '../../components/PaginationBar.vue'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { networkApi, locationsApi } from '@/api'
+import PaginationBar from '@/components/PaginationBar.vue'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 import { useListQuery } from '@/composables/listQuery'
 const toast = useToast()
 

plugins/network/frontend/views/VLANsList.vue

@@ -185,10 +185,10 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { networkApi } from '../../api'
-import PaginationBar from '../../components/PaginationBar.vue'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { networkApi } from '@/api'
+import PaginationBar from '@/components/PaginationBar.vue'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 import { useListQuery } from '@/composables/listQuery'
 const toast = useToast()
 

plugins/notifications/frontend/routes.js

@@ -5,37 +5,37 @@ export default [
   {
     path: 'notifications',
     name: 'notifications',
-    component: () => import('../../views/notifications/NotificationsList.vue'),
+    component: () => import('./views/NotificationsList.vue'),
     meta: { plugin: 'notifications' }
   },
   {
     path: 'notifications/new',
     name: 'notification-new',
-    component: () => import('../../views/notifications/NotificationForm.vue'),
+    component: () => import('./views/NotificationForm.vue'),
     meta: { requiresAuth: true, plugin: 'notifications' }
   },
   {
     path: 'settings/notificationtypes',
     name: 'notification-types',
-    component: () => import('../../views/notifications/NotificationTypesList.vue'),
+    component: () => import('./views/NotificationTypesList.vue'),
     meta: { requiresAuth: true, plugin: 'notifications' }
   },
   {
     path: 'notifications/:id',
     name: 'notification-detail',
-    component: () => import('../../views/notifications/NotificationForm.vue'),
+    component: () => import('./views/NotificationForm.vue'),
     meta: { plugin: 'notifications' }
   },
   {
     path: 'notifications/:id/edit',
     name: 'notification-edit',
-    component: () => import('../../views/notifications/NotificationForm.vue'),
+    component: () => import('./views/NotificationForm.vue'),
     meta: { requiresAuth: true, plugin: 'notifications' }
   },
   {
     path: 'calendar',
     name: 'calendar',
-    component: () => import('../../views/CalendarView.vue'),
+    component: () => import('./views/CalendarView.vue'),
     meta: { plugin: 'notifications' }
   }
 ]

plugins/notifications/frontend/views/NotificationForm.vue

@@ -242,7 +242,7 @@
 import { ref, onMounted, computed, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { notificationsApi, applicationsApi, businessUnitsApi, employeesApi } from '@/api'
-import { apiError } from '../../utils/apiError'
+import { apiError } from '@/utils/apiError'
 
 const route = useRoute()
 const router = useRouter()

plugins/notifications/frontend/views/NotificationTypesList.vue

@@ -139,7 +139,7 @@
 import { ref, onMounted } from 'vue'
 import { notificationsApi } from '@/api'
 import ColorSwatchPicker from '@/components/ColorSwatchPicker.vue'
-import { apiError } from '../../utils/apiError'
+import { apiError } from '@/utils/apiError'
 
 const types = ref([])
 const loading = ref(true)

plugins/notifications/frontend/views/NotificationsList.vue

@@ -89,7 +89,7 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { notificationsApi } from '@/api'
-import PaginationBar from '../../components/PaginationBar.vue'
+import PaginationBar from '@/components/PaginationBar.vue'
 import { useListQuery } from '@/composables/listQuery'
 
 const notifications = ref([])

plugins/printers/frontend/routes.js

@@ -5,38 +5,38 @@ export default [
   {
     path: 'printers',
     name: 'printers',
-    component: () => import('../../views/printers/PrintersList.vue'),
+    component: () => import('./views/PrintersList.vue'),
     meta: { plugin: 'printers' }
   },
   {
     path: 'printers/new',
     name: 'printer-new',
-    component: () => import('../../views/printers/PrinterForm.vue'),
+    component: () => import('./views/PrinterForm.vue'),
     meta: { requiresAuth: true, plugin: 'printers' }
   },
   {
     path: 'printers/:id',
     name: 'printer-detail',
-    component: () => import('../../views/printers/PrinterDetail.vue'),
+    component: () => import('./views/PrinterDetail.vue'),
     meta: { plugin: 'printers' }
   },
   {
     path: 'printers/:id/edit',
     name: 'printer-edit',
-    component: () => import('../../views/printers/PrinterForm.vue'),
+    component: () => import('./views/PrinterForm.vue'),
     meta: { requiresAuth: true, plugin: 'printers' }
   },
   // printer-specific settings
   {
     path: 'settings/modelsupplies',
     name: 'model-supplies',
-    component: () => import('../../views/settings/ModelSuppliesList.vue'),
+    component: () => import('./views/ModelSuppliesList.vue'),
     meta: { requiresAuth: true, plugin: 'printers' }
   },
   {
     path: 'settings/printerdrivers',
     name: 'printer-drivers',
-    component: () => import('../../views/settings/PrinterDriversList.vue'),
+    component: () => import('./views/PrinterDriversList.vue'),
     meta: { requiresAuth: true, requiresAdmin: true, plugin: 'printers' }
   }
 ]
@@ -45,13 +45,13 @@ export const toplevel = [
   {
     path: '/print/printer-qr',
     name: 'print-printer-qr-batch',
-    component: () => import('../../views/print/PrinterQRBatch.vue'),
+    component: () => import('./views/PrinterQRBatch.vue'),
     meta: { plugin: 'printers' }
   },
   {
     path: '/print/printer-qr/:id',
     name: 'print-printer-qr-single',
-    component: () => import('../../views/print/PrinterQRSingle.vue'),
+    component: () => import('./views/PrinterQRSingle.vue'),
     meta: { plugin: 'printers' }
   }
 ]

plugins/printers/frontend/views/ModelSuppliesList.vue

@@ -147,7 +147,7 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { printersApi } from '@/api'
-import { apiError } from '../../utils/apiError'
+import { apiError } from '@/utils/apiError'
 
 const models = ref([])
 const loadingModels = ref(true)

plugins/printers/frontend/views/PrinterDetail.vue

@@ -279,13 +279,13 @@
 <script setup>
 import { ref, onMounted, computed } from 'vue'
 import { useRoute } from 'vue-router'
-import { printersApi } from '../../api'
-import LocationMapTooltip from '../../components/LocationMapTooltip.vue'
-import CustomFieldsSection from '../../components/CustomFieldsSection.vue'
-import PluginAssetPanels from '../../components/PluginAssetPanels.vue'
-import AssetRelationships from '../../components/AssetRelationships.vue'
-import { useWarrantyBadge } from '../../composables/warrantyBadge'
-import { useIdentifierFlags } from '../../composables/identifierSettings'
+import { printersApi } from '@/api'
+import LocationMapTooltip from '@/components/LocationMapTooltip.vue'
+import CustomFieldsSection from '@/components/CustomFieldsSection.vue'
+import PluginAssetPanels from '@/components/PluginAssetPanels.vue'
+import AssetRelationships from '@/components/AssetRelationships.vue'
+import { useWarrantyBadge } from '@/composables/warrantyBadge'
+import { useIdentifierFlags } from '@/composables/identifierSettings'
 
 const route = useRoute()
 const { isEnabled } = useIdentifierFlags()

plugins/printers/frontend/views/PrinterDriversList.vue

@@ -96,9 +96,9 @@
 
 <script setup>
 import { ref, computed, onMounted } from 'vue'
-import { printersApi } from '../../api'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { printersApi } from '@/api'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 const toast = useToast()
 
 const items = ref([])

plugins/printers/frontend/views/PrinterForm.vue

@@ -292,14 +292,14 @@
 <script setup>
 import { ref, onMounted, computed, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { assetsApi, vendorsApi, locationsApi, printersApi, modelsApi } from '../../api'
-import ShopFloorMap from '../../components/ShopFloorMap.vue'
-import Modal from '../../components/Modal.vue'
-import CustomFieldsInputs from '../../components/CustomFieldsInputs.vue'
-import { currentTheme } from '../../stores/theme'
-import { useIdentifierFlags } from '../../composables/identifierSettings'
-import { apiError } from '../../utils/apiError'
-import { getPrinterHostnameTemplate } from '../../utils/siteSettings'
+import { assetsApi, vendorsApi, locationsApi, printersApi, modelsApi } from '@/api'
+import ShopFloorMap from '@/components/ShopFloorMap.vue'
+import Modal from '@/components/Modal.vue'
+import CustomFieldsInputs from '@/components/CustomFieldsInputs.vue'
+import { currentTheme } from '@/stores/theme'
+import { useIdentifierFlags } from '@/composables/identifierSettings'
+import { apiError } from '@/utils/apiError'
+import { getPrinterHostnameTemplate } from '@/utils/siteSettings'
 
 const { isEnabled } = useIdentifierFlags()
 

plugins/printers/frontend/views/PrinterQRBatch.vue

@@ -64,8 +64,8 @@
 
 <script setup>
 import { ref, computed, onMounted, watch, nextTick } from 'vue'
-import { printersApi } from '../../api'
-import { renderQrDataUrl } from './qrLogo'
+import { printersApi } from '@/api'
+import { renderQrDataUrl } from '@/views/print/qrLogo'
 import { buildQrUrl } from '@/utils/qrTarget'
 
 const printers = ref([])

plugins/printers/frontend/views/PrinterQRSingle.vue

@@ -46,8 +46,8 @@
 <script setup>
 import { ref, computed, onMounted, watch, nextTick } from 'vue'
 import { useRoute } from 'vue-router'
-import { printersApi } from '../../api'
-import { renderQrDataUrl } from './qrLogo'
+import { printersApi } from '@/api'
+import { renderQrDataUrl } from '@/views/print/qrLogo'
 import { buildQrUrl } from '@/utils/qrTarget'
 
 const route = useRoute()

plugins/printers/frontend/views/PrintersList.vue

@@ -88,8 +88,8 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { printersApi } from '../../api'
-import PaginationBar from '../../components/PaginationBar.vue'
+import { printersApi } from '@/api'
+import PaginationBar from '@/components/PaginationBar.vue'
 import { useListQuery } from '@/composables/listQuery'
 
 const printers = ref([])

plugins/slides/frontend/routes.js

@@ -3,7 +3,7 @@ export const toplevel = [
   {
     path: '/tv',
     name: 'tv',
-    component: () => import('../../views/TVDashboard.vue'),
+    component: () => import('./views/TVDashboard.vue'),
     meta: { plugin: 'slides' }
   }
 ]

plugins/usb/frontend/routes.js

@@ -5,25 +5,25 @@ export default [
   {
     path: 'usb',
     name: 'usb',
-    component: () => import('../../views/usb/USBList.vue'),
+    component: () => import('./views/USBList.vue'),
     meta: { plugin: 'usb' }
   },
   {
     path: 'usb/new',
     name: 'usb-new',
-    component: () => import('../../views/usb/USBForm.vue'),
+    component: () => import('./views/USBForm.vue'),
     meta: { requiresAuth: true, plugin: 'usb' }
   },
   {
     path: 'usb/:id',
     name: 'usb-detail',
-    component: () => import('../../views/usb/USBDetail.vue'),
+    component: () => import('./views/USBDetail.vue'),
     meta: { plugin: 'usb' }
   },
   {
     path: 'usb/:id/edit',
     name: 'usb-edit',
-    component: () => import('../../views/usb/USBForm.vue'),
+    component: () => import('./views/USBForm.vue'),
     meta: { requiresAuth: true, plugin: 'usb' }
   }
 ]
@@ -32,7 +32,7 @@ export const toplevel = [
   {
     path: '/print/usb-labels',
     name: 'print-usb-labels',
-    component: () => import('../../views/print/USBLabelBatch.vue'),
+    component: () => import('./views/USBLabelBatch.vue'),
     meta: { plugin: 'usb' }
   }
 ]

plugins/usb/frontend/views/USBDetail.vue

@@ -156,10 +156,10 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
-import { usbApi } from '../../api'
-import Modal from '../../components/Modal.vue'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { usbApi } from '@/api'
+import Modal from '@/components/Modal.vue'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 const toast = useToast()
 
 const route = useRoute()

plugins/usb/frontend/views/USBForm.vue

@@ -62,7 +62,7 @@
 import { ref, onMounted, computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { usbApi } from '@/api'
-import { apiError } from '../../utils/apiError'
+import { apiError } from '@/utils/apiError'
 
 const route = useRoute()
 const router = useRouter()

plugins/usb/frontend/views/USBLabelBatch.vue

@@ -82,7 +82,7 @@
 
 <script setup>
 import { ref, computed, onMounted, watch, nextTick } from 'vue'
-import { usbApi } from '../../api'
+import { usbApi } from '@/api'
 import JsBarcode from 'jsbarcode'
 import QRCode from 'qrcode'
 import { getSetting } from '@/utils/siteSettings'

plugins/usb/frontend/views/USBList.vue

@@ -143,12 +143,12 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { usbApi } from '../../api'
-import Modal from '../../components/Modal.vue'
-import EmployeeSearch from '../../components/EmployeeSearch.vue'
-import PaginationBar from '../../components/PaginationBar.vue'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { usbApi } from '@/api'
+import Modal from '@/components/Modal.vue'
+import EmployeeSearch from '@/components/EmployeeSearch.vue'
+import PaginationBar from '@/components/PaginationBar.vue'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 import { useListQuery } from '@/composables/listQuery'
 const toast = useToast()
 

plugins/warranty/frontend/routes.js

@@ -5,13 +5,13 @@ export default [
   {
     path: 'warranties',
     name: 'warranties',
-    component: () => import('../../views/warranty/WarrantiesList.vue'),
+    component: () => import('./views/WarrantiesList.vue'),
     meta: { plugin: 'warranty' }
   },
   {
     path: 'reports/warranty',
     name: 'warranty-report',
-    component: () => import('../../views/reports/WarrantyReport.vue'),
+    component: () => import('./views/WarrantyReport.vue'),
     meta: { plugin: 'warranty' }
   }
 ]

plugins/warranty/frontend/views/WarrantiesList.vue

@@ -160,9 +160,9 @@
 import { ref, computed, watch, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
 import { colorStyle } from '@/utils/colorStyle'
-import { warrantyApi, assetsApi, vendorsApi } from '../../api'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { warrantyApi, assetsApi, vendorsApi } from '@/api'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 
 const toast = useToast()
 const route = useRoute()

plugins/warranty/frontend/views/WarrantyReport.vue

@@ -56,8 +56,8 @@
 
 <script setup>
 import { ref, computed, onMounted } from 'vue'
-import { warrantyApi } from '../../api'
-import EmailReportButton from '../../components/EmailReportButton.vue'
+import { warrantyApi } from '@/api'
+import EmailReportButton from '@/components/EmailReportButton.vue'
 
 const loading = ref(true)
 const counts = ref({})