Override version of @babel/traverse

.github/workflows/dashboard.yml

@@ -18,6 +18,5 @@ jobs:
         working-directory: ./dashboard
       - run: npm run lint
         working-directory: ./dashboard
-        continue-on-error: true
       - run: npm run coverage
         working-directory: ./dashboard

dashboard/.prettierignore

@@ -1,3 +1,4 @@
+typed-router.d.ts
 coverage/**
 dist/**
 node_modules/**

dashboard/package.json

@@ -46,5 +46,9 @@
     "vite": "^4.4.11",
     "vitest": "^0.34.6",
     "vue-tsc": "^1.8.19"
+  },
+  "//": "prettier-plugin-sort-imports wants 7.17.3 (vulnerable).",
+  "overrides": {
+    "@babel/traverse": "7.23.2"
   }
 }

dashboard/src/components/Breadcrumb.vue

@@ -13,12 +13,9 @@ const layoutStore = useLayoutStore();
         :class="!item.route ? 'active' : ''"
         :aria-current="!item.route ? 'page' : undefined"
       >
-        <router-link
-          :to="item.route"
-          v-if="item.route"
-          class="text-primary"
-          >{{ item.text }}</router-link
-        >
+        <router-link :to="item.route" v-if="item.route" class="text-primary">{{
+          item.text
+        }}</router-link>
         <template v-else>{{ item.text }}</template>
       </li>
     </ol>

dashboard/src/components/Sidebar.vue

@@ -12,8 +12,16 @@ import RawIconUserSolid from "~icons/clarity/user-solid?raw&width=2em&height=2em
 const router = useRouter();
 
 const menuItems = [
-  { route: router.resolve("/packages/"), icon: RawIconBundleLine, text: "Packages" },
-  { route: router.resolve("/locations/"), icon: RawIconRackServerLine, text: "Locations" },
+  {
+    route: router.resolve("/packages/"),
+    icon: RawIconBundleLine,
+    text: "Packages",
+  },
+  {
+    route: router.resolve("/locations/"),
+    icon: RawIconRackServerLine,
+    text: "Locations",
+  },
 ];
 
 const layoutStore = useLayoutStore();

dashboard/src/components/Tabs.vue

@@ -9,8 +9,6 @@ const { tabs } = defineProps<{
     route: RouteLocationResolved;
   }[];
 }>();
-
-
 </script>
 
 <template>

dashboard/src/pages/locations/[id].vue

@@ -21,12 +21,18 @@ const tabs = [
   {
     icon: RawIconDetailsLine,
     text: "Summary",
-    route: router.resolve({ name: "/locations/[id]/", params: { id: route.params.id } }),
+    route: router.resolve({
+      name: "/locations/[id]/",
+      params: { id: route.params.id },
+    }),
   },
   {
     icon: RawIconBundleLine,
     text: "Packages",
-    route: router.resolve({ name: "/locations/[id]/packages", params: { id: route.params.id } }),
+    route: router.resolve({
+      name: "/locations/[id]/packages",
+      params: { id: route.params.id },
+    }),
   },
 ];
 </script>

dashboard/src/pages/packages/[id].vue

@@ -21,7 +21,10 @@ const tabs = [
   {
     icon: RawIconDetailsLine,
     text: "Summary",
-    route: router.resolve({ name: "/packages/[id]/", params: { id: route.params.id } }),
+    route: router.resolve({
+      name: "/packages/[id]/",
+      params: { id: route.params.id },
+    }),
   },
 ];
 </script>

dashboard/src/router.ts

@@ -10,11 +10,8 @@ const router = createRouter({
 
 router.beforeEach((to, _, next) => {
   const layoutStore = useLayoutStore();
-  const publicRoutes: Array<string> = [
-    "/user/signin",
-    "/user/signin-callback",
-  ];
-  const routeName = to.name?.toString() || '';
+  const publicRoutes: Array<string> = ["/user/signin", "/user/signin-callback"];
+  const routeName = to.name?.toString() || "";
   if (!layoutStore.isUserValid && !publicRoutes.includes(routeName)) {
     next({ name: "/user/signin" });
   } else {

dashboard/src/stores/package.ts

@@ -90,7 +90,7 @@ export const usePackageStore = defineStore("package", {
       const layoutStore = useLayoutStore();
 
       layoutStore.updateBreadcrumb([
-        { route: router.resolve('/packages/'), text: "Packages" },
+        { route: router.resolve("/packages/"), text: "Packages" },
         { text: this.current.name },
       ]);
 

dashboard/test/components/Header.test.ts

@@ -7,9 +7,7 @@ import { createRouter, createWebHistory } from "vue-router";
 
 const router = createRouter({
   history: createWebHistory(),
-  routes: [
-    { name: "/", path: "/", component: {} },
-  ],
+  routes: [{ name: "/", path: "/", component: {} }],
 });
 
 describe("Header.vue", () => {

dashboard/vite.config.ts

@@ -9,7 +9,7 @@ import { defineConfig } from "vitest/config";
 export default defineConfig({
   plugins: [
     VueRouter({
-      routesFolder: "src/pages"
+      routesFolder: "src/pages",
     }),
     vue({}),
     ReactivityTransform(),