Initial test config

.vscode/settings.json

@@ -1,4 +1,9 @@
 {
     "editor.formatOnSave": true,
-    "git.pruneOnFetch": true
+    "git.pruneOnFetch": true,
+    "explorer.fileNesting.enabled": true,
+    "explorer.fileNesting.patterns": {
+        "*.test.ts": "${capture}.ts",
+        "*.vue": "${capture}.test.ts"
+    }
 }

components/TopNavigation.test.ts

@@ -0,0 +1,10 @@
+import { it, expect, describe } from 'vitest';
+import { mountSuspended } from '@nuxt/test-utils/runtime'
+import TopNavigation from './TopNavigation.vue';
+
+describe('TopNavigation', () => {
+    it('should render the title', async () => {
+        const component = await mountSuspended(TopNavigation);
+        expect(component.html()).toContain('Home');
+    });
+});

nuxt.config.ts

@@ -49,10 +49,11 @@ export default defineNuxtConfig({
         // The latest version (^1.5.0) is needed due to https://github.com/nuxt/devtools/issues/723
         // It looks like this won't be integrated into Nuxt until after 3.14.0
         '@nuxt/devtools',
-        "nuxt-primevue",
-        "@vite-pwa/nuxt",
-        "@sidebase/nuxt-auth",
-        "nuxt-security"
+        'nuxt-primevue',
+        '@vite-pwa/nuxt',
+        '@sidebase/nuxt-auth',
+        'nuxt-security',
+        '@nuxt/test-utils/module',
     ],
     runtimeConfig: {
         // The private keys which are only available within server-side