Set up for testing with Vuetify

src/tests/setup.ts

@@ -3,6 +3,19 @@
  * The file path is specified in vitest.config.ts.
  */
 import { vi } from "vitest";
+import { config } from "@vue/test-utils";
+import { createVuetify } from "vuetify";
+import * as components from "vuetify/components";
+import * as directives from "vuetify/directives";
+
+// For Vuetify
+// https://vuetifyjs.com/en/getting-started/unit-testing/
+const vuetify = createVuetify({
+  components,
+  directives,
+});
+
+config.global.plugins = [vuetify];
 
 // For monaco.editor.create()
 // https://github.com/vitest-dev/vitest/issues/821#issuecomment-1046954558

vitest.config.ts

@@ -1,6 +1,8 @@
 import { fileURLToPath } from "node:url";
-import { mergeConfig, defineConfig, configDefaults } from "vitest/config";
+
 import type { UserConfig } from "vite";
+import { mergeConfig, defineConfig, configDefaults } from "vitest/config";
+
 import viteConfig from "./vite.config";
 
 export default mergeConfig(
@@ -21,6 +23,7 @@ export default mergeConfig(
             __dirname + "/node_modules/monaco-editor/esm/vs/editor/editor.api",
         },
       ],
+      deps: { inline: ["vuetify"] },
     },
-  })
+  }),
 );