fix: added missing playground vite config and dev script

Author: AlansCodeLog

package.json

@@ -66,6 +66,7 @@
 	},
 	"scripts": {
 		"build": "vite build",
+		"dev": "vite --config vite.playground.config.ts",
 		"build:dev": "vite build --mode development",
 		"build:watch": "vite build --watch --mode production",
 		"build:types": "vue-tsc --emitDeclarationOnly -p tsconfig.types.json",
@@ -169,6 +170,7 @@
 		"vite": "^5.2.12",
 		"vite-plugin-externalize-deps": "^0.8.0",
 		"vue": "^3.4.27",
+		"vite-tsconfig-paths": "^4.3.2",
 		"vue-loader": "^17.4.2",
 		"vue-tsc": "^2.0.19"
 	},

src/App.vue

@@ -1,11 +1,12 @@
 <script setup lang="ts">
 
+import LibInput from "./components/LibInput/LibInput.vue"
 import TestWrapper from "./TestWrapper.vue"
 </script>
 
 <template>
 <test-wrapper>
-	<lib-simple-input/>
+	<!-- <lib-input/> -->
 </test-wrapper>
 </template>
 

vite.playground.config.ts

@@ -0,0 +1,44 @@
+import vue from "@vitejs/plugin-vue"
+import { defineConfig } from "vite"
+import tsconfigPaths from "vite-tsconfig-paths"
+
+import postcss from "./postcss.config.js"
+
+
+// https://vitejs.dev/config/
+export default async ({ mode }: { mode: string }) => defineConfig({
+	plugins: [
+		tsconfigPaths(),
+		vue({
+			script: {
+				defineModel: true,
+			},
+		}),
+	],
+	// base: `/${pkg.name}/demo`,
+	build: {
+		outDir: "playground",
+		...(mode === "production" ? {
+			minify: true,
+		} : {
+			minify: false,
+			sourcemap: "inline",
+		}),
+	},
+	server: {
+		// for locally linked repos when using vite server (i.e. not needed for libraries)
+		fs: {
+			allow: [...(process.env.CODE_PROJECTS ?? [])!],
+		},
+		watch: {
+
+			// for pnpm
+			followSymlinks: true,
+			// watch changes in linked repos
+			ignored: ["!**/node_modules/@alanscodelog/**"],
+		},
+	},
+	css: {
+		postcss,
+	},
+})