create-bubbles 0.1.22 → 0.1.23

package/template-vp-vue-eslint-vapor/src/views/example/echart/index.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { useECharts } from "@/hooks/chart/useEcharts";
+
+import { getOption } from "./config";
+
+const dom = useTemplateRef("chart");
+const { setOptions } = useECharts(dom);
+
+onMounted(() => {
+  setOptions(getOption());
+});
+</script>
+
+<template>
+  <div class="h-100vh w-full bg-black">
+    <div ref="chart" class="h-30% w-30%" />
+  </div>
+</template>
+
+<style lang="scss" scoped></style>

package/template-vp-vue-eslint-vapor/src/views/example/tree-chart.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+
+
+defineOptions({ name: 'tree-chart' })
+
+</script>
+
+<template>
+    <div class="tree-chart-container">
+        
+    </div>
+</template>
+
+<style lang="scss" scoped>
+
+</style>

package/template-vp-vue-eslint-vapor/src/views/home/index.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <div class="flex-center flex-col gap-4 h-full w-full">
+    <h1 class="text-2xl font-bold">
+      Welcome to Vue Template
+    </h1>
+    <p class="text-gray-500">
+      Vite+ + Vue 3 + Antdv Next + UnoCSS + ESLint
+    </p>
+  </div>
+</template>
+
+<style lang="scss" scoped></style>

package/template-vp-vue-eslint-vapor/src/views/login/index.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+// const a = 123
+</script>
+
+<template>
+  <div>login</div>
+</template>
+
+<style lang="scss" scoped></style>

package/template-vp-vue-eslint-vapor/tsconfig.json

@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "moduleDetection": "force",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "types": ["vite/client", "vue", "node"],
+    "allowImportingTsExtensions": true,
+
+    /* Linting */
+    "strict": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noEmit": true,
+    "verbatimModuleSyntax": true,
+    "erasableSyntaxOnly": true,
+    "skipLibCheck": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "vueCompilerOptions": {
+    "vapor": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.vue", "node_modules/antdv-next/global.d.ts"]
+}

package/template-vp-vue-eslint-vapor/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./src/main.ts","./src/api/index.ts","./src/hooks/chart/lib.ts","./src/hooks/chart/useecharts.ts","./src/router/index.ts","./src/router/interface.ts","./src/router/guard/index.ts","./src/router/guard/permissionguard.ts","./src/router/modules/index.ts","./src/store/index.ts","./src/store/modules/user.ts","./src/types/auto-import.d.ts","./src/types/components.d.ts","./src/types/vite-env.d.ts","./src/utils/env.ts","./src/utils/request/index.ts","./src/utils/request/core/index.ts","./src/utils/request/core/utils.ts","./src/views/example/echart/config.ts","./src/app.vue","./src/components/icon/svg-icon.vue","./src/layout/default/index.vue","./src/layout/default/header/index.vue","./src/views/example/tree-chart.vue","./src/views/example/echart/index.vue","./src/views/home/index.vue","./src/views/login/index.vue","./node_modules/antdv-next/global.d.ts"],"version":"6.0.3"}

package/template-vp-vue-eslint-vapor/uno.config.ts

@@ -0,0 +1,17 @@
+import presetAttributify from "@unocss/preset-attributify";
+import presetWind4 from "@unocss/preset-wind4";
+import { defineConfig } from "unocss";
+
+export default defineConfig({
+  // content: {
+  //   filesystem: [
+  //     '**/*.{html,js,ts,jsx,tsx,vue,svelte,astro}',
+  //   ],
+  // },
+  shortcuts: [
+    {
+      "flex-center": "flex justify-center items-center",
+    },
+  ],
+  presets: [presetWind4(), presetAttributify()],
+});

package/template-vp-vue-eslint-vapor/vite.config.ts

@@ -0,0 +1,66 @@
+import path from "node:path";
+import process from "node:process";
+
+import { AntdvNextResolver } from "@antdv-next/auto-import-resolver";
+import Vue from "@vitejs/plugin-vue";
+import UnoCSS from "unocss/vite";
+import AutoImport from "unplugin-auto-import/vite";
+import Components from "unplugin-vue-components/vite";
+import Inspect from "vite-plugin-inspect";
+import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
+import { defineConfig, lazyPlugins, loadEnv } from "vite-plus";
+
+// https://vite.dev/config/
+export default defineConfig(({ mode }) => {
+  const root = process.cwd();
+  const env = loadEnv(mode, root);
+  const { VITE_PORT, VITE_API_URL, VITE_API_AFFIX } = env;
+
+  return {
+    resolve: {
+      alias: {
+        "@": path.resolve(__dirname, "src"),
+      },
+    },
+    server: {
+      port: Number(VITE_PORT),
+      host: "0.0.0.0",
+      open: false,
+      proxy: {
+        [`^/${VITE_API_AFFIX}`]: {
+          target: VITE_API_URL,
+          changeOrigin: true,
+          // secure: false, // Disable SSL certificate verification
+          rewrite: (path) => path.replace(new RegExp(`^/${VITE_API_AFFIX}`), ""),
+        },
+      },
+    },
+    staged: {
+      "*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,vue}": "vp check --fix",
+      "*.{json,jsonc}": "vp fmt",
+    },
+    plugins: lazyPlugins(() => [
+      Vue({
+        features: {
+          vapor: true,
+        },
+      }),
+      AutoImport({
+        imports: ["vue", "vue-router"],
+        dts: "./src/types/auto-import.d.ts",
+      }),
+      Components({
+        resolvers: [AntdvNextResolver()],
+        dts: "./src/types/components.d.ts",
+      }),
+      createSvgIconsPlugin({
+        // Specify the icon folder to be cached
+        iconDirs: [path.resolve(__dirname, "src/assets/icon")],
+        // Specify symbolId format
+        symbolId: "icon-[dir]-[name]",
+      }),
+      UnoCSS(),
+      Inspect(),
+    ]),
+  };
+});