refactor: remove Vue build tooling

Author: andreasphil

package-lock.json

@@ -5,11 +5,11 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "node --run typecheck && vite build",
+    "build": "tsc --noEmit && vite build",
     "preview": "vite preview",
     "test": "vitest run",
     "test:watch": "vitest",
-    "typecheck": "vue-tsc"
+    "typecheck": "tsc --noEmit"
   },
   "dependencies": {
     "@andreasphil/command-bar": "github:andreasphil/command-bar#v0.5.0",
@@ -24,10 +24,8 @@
     "vue-router": "^4.5.1"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.2.4",
     "typescript": "^5.8.3",
     "vite": "^6.3.5",
-    "vitest": "^3.1.4",
-    "vue-tsc": "^2.2.10"
+    "vitest": "^3.1.4"
   }
 }

package.json

@@ -1,4 +1,4 @@
-import App from "@/App.vue";
+import App from "@/app";
 import "@/assets/style.css";
 import { router } from "@/router";
 import "@/stores/settings";
@@ -13,7 +13,12 @@ dayjs.locale("de");
 dayjs.extend(weekday);
 
 CommandBar.define();
-
 Textarea2.define();
 
-createApp(App).use(router).mount("#app");
+const app = createApp(App);
+app.use(router);
+app.mount("#app");
+
+app.config.compilerOptions.isCustomElement = (tag) => {
+  return ["textarea-2", "command-bar"].includes(tag);
+};

src/main.ts

@@ -11,6 +11,6 @@
     "strict": true,
     "target": "es2023"
   },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

tsconfig.json

@@ -1,23 +1,13 @@
-import vue from "@vitejs/plugin-vue";
 import { fileURLToPath, URL } from "node:url";
 import { defineConfig } from "vite";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [
-    vue({
-      template: {
-        compilerOptions: {
-          isCustomElement: (tag) => ["command-bar", "textarea-2"].includes(tag),
-        },
-      },
-    }),
-  ],
-
   resolve: {
     alias: {
       "@": fileURLToPath(new URL("./src", import.meta.url)),
-      vue: "vue/dist/vue.esm-bundler.js",
+      vue: "vue/dist/vue.esm-browser.prod.js",
+      "vue-router": "vue-router/dist/vue-router.esm-browser.prod.js",
     },
   },
 });