src/components/LeftMenu.vue

@@ -1,6 +1,6 @@
 <script setup>
 import axios from 'axios';
-import { onMounted, ref, computed } from 'vue';
+import { onMounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { QSeparator, useQuasar } from 'quasar';
 import { useRoute } from 'vue-router';
@@ -107,13 +107,13 @@ async function togglePinned(item, event) {
         message: t('globals.dataSaved'),
         type: 'positive',
     });
-}
+};
 </script>
 
 <template>
     <QList padding class="column-max-width">
         <template v-if="$props.source === 'main'">
-            <template v-if="this.$route.matched[1].name === 'Dashboard'">
+            <template v-if="this.$route?.matched[1]?.name === 'Dashboard'">
                 <QItem class="header">
                     <QItemSection avatar>
                         <QIcon name="view_module" />
@@ -156,7 +156,7 @@ async function togglePinned(item, event) {
             </template>
 
             <template v-for="item in items" :key="item.name">
-                <template v-if="item.name === this.$route.matched[1].name">
+                <template v-if="item.name === this.$route?.matched[1]?.name">
                     <QItem class="header">
                         <QItemSection avatar v-if="item.icon">
                             <QIcon :name="item.icon" />

test/vitest/__tests__/components/Leftmenu.spec.js

@@ -45,7 +45,7 @@ vi.mock('src/router/modules', () => ({
     ],
 }));
 
-describe.skip('Leftmenu', () => {
+describe('Leftmenu', () => {
     let vm;
     let navigation;
     beforeAll(() => {