fix(vue): update build scripts and path aliases for showcase integration

Author: Phosphorus-M

js/showcase/tsconfig.lib.json

@@ -7,6 +7,7 @@
     "lib": ["ES2020", "DOM", "DOM.Iterable", "ES2021.WeakRef"],
     "module": "ESNext",
     "skipLibCheck": true,
+    "verbatimModuleSyntax": false,
 
     /* Bundler mode */
     "moduleResolution": "bundler",

js/vue/package.json

@@ -25,8 +25,9 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "pnpm run check:tsc && vite build && pnpm run build:tailwindcss",
+    "build": "pnpm run build:showcase-deps && pnpm run check:tsc && vite build && pnpm run build:tailwindcss",
     "build:showcase": "BUILD_SHOWCASE=1 NODE_ENV=development pnpm run build",
+    "build:showcase-deps": "cd ../showcase && pnpm run build 2>/dev/null || true",
     "build:tailwindcss": "npx @tailwindcss/cli -i lib/styles.css -o dist/styles.css --minify",
     "lint": "eslint . --ext ts,vue --report-unused-disable-directives --max-warnings 0 && npm run check:tsc",
     "check:tsc": "vue-tsc --build",

js/vue/tsconfig.app.json

@@ -19,9 +19,11 @@
     "jsx": "react-jsx",
 
     // Path aliases
-    "baseUrl": "./lib",
+    "baseUrl": ".",
     "paths": {
-      "@/*": ["./*"]
+      "@/*": ["./lib/*"],
+      "@rustlanges/showcase/vue": ["../showcase/dist/src/vue/index.d.ts"],
+      "@rustlanges/showcase/styles.css": ["../showcase/dist/styles.css"]
     },
 
     /* Linting */

js/vue/vite.config.ts

@@ -28,6 +28,8 @@ export default defineConfig({
     alias: {
       "@rustlanges/vue/styles.css": resolve(__dirname, "lib/styles.css"),
       "@rustlanges/vue": resolve(__dirname, "lib/index.ts"),
+      "@rustlanges/showcase/vue": resolve(__dirname, "../showcase/dist/vue/index.js"),
+      "@rustlanges/showcase/styles.css": resolve(__dirname, "../showcase/dist/styles.css"),
       "@": resolve(__dirname, "./lib"),
     },
   },