pandax 0.0.1

package/templates/vue3/src/styles/global.scss

@@ -0,0 +1,18 @@
+html,
+body,
+#app {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
+  color: $text-color-primary;
+  background-color: #ffffff;
+}
+
+* {
+  box-sizing: border-box;
+}

package/templates/vue3/src/styles/variables.scss

@@ -0,0 +1,17 @@
+// 全局 SCSS 变量
+
+$primary-color: #409eff;
+$success-color: #67c23a;
+$warning-color: #e6a23c;
+$danger-color: #f56c6c;
+$info-color: #909399;
+
+$text-color-primary: #303133;
+$text-color-regular: #606266;
+$text-color-secondary: #909399;
+
+$border-color-base: #dcdfe6;
+$border-color-light: #e4e7ed;
+$border-color-lighter: #ebeef5;
+
+$bg-color-base: #f5f7fa;

package/templates/vue3/src/types/global.d.ts

@@ -0,0 +1,9 @@
+declare interface Window {
+  __APP__: Record<string, unknown>;
+}
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}

package/templates/vue3/src/utils/format.ts

@@ -0,0 +1,11 @@
+export function formatDate(date: Date | string | number, format = 'yyyy-MM-dd'): string {
+  const d = new Date(date);
+  const year = d.getFullYear();
+  const month = `${d.getMonth() + 1}`.padStart(2, '0');
+  const day = `${d.getDate()}`.padStart(2, '0');
+
+  return format
+    .replace('yyyy', String(year))
+    .replace('MM', month)
+    .replace('dd', day);
+}

package/templates/vue3/src/views/home/index.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const title = ref('Pandax Vue3 Template');
+</script>
+
+<template>
+  <div class="home-page">
+    <h1>{{ title }}</h1>
+    <p>Welcome to your Vue3 project.</p>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.home-page {
+  padding: 24px;
+  text-align: center;
+}
+</style>

package/templates/vue3/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/templates/vue3/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/templates/vue3/vite.config.ts

@@ -0,0 +1,20 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import { resolve } from 'path';
+import UnoCSS from 'unocss/vite';
+
+export default defineConfig({
+  plugins: [vue(), UnoCSS()],
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src'),
+    },
+  },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        additionalData: `@use "@/styles/variables.scss" as *;`,
+      },
+    },
+  },
+});