create-bubbles 0.1.19 → 0.1.22

package/template-vue-vp-eslint/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-vue-vp-eslint/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-vue-vp-eslint/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-vue-vp-eslint/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-vue-vp-eslint/tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "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
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.vue", "node_modules/antdv-next/global.d.ts"]
+}

package/template-vue-vp-eslint/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-vue-vp-eslint/vite.config.ts

@@ -0,0 +1,58 @@
+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}`), ''),
+        },
+      },
+    },
+    plugins: lazyPlugins(() => [
+      Vue(),
+      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(),
+    ]),
+  }
+})