@moluoxixi/create-app 2.0.1

package/templates/vue/features/ant-design-vue/package.json

@@ -0,0 +1,7 @@
+{
+  "dependencies": {
+    "@ant-design/icons-vue": "catalog:build",
+    "ant-design-vue": "catalog:build"
+  }
+}
+

package/templates/vue/features/ant-design-vue/pnpm-workspace.yaml

@@ -0,0 +1,5 @@
+catalogs:
+  build:
+    "@ant-design/icons-vue": ^7.0.1
+    ant-design-vue: ^4.2.1
+

package/templates/vue/features/element-plus/package.json

@@ -0,0 +1,7 @@
+{
+  "dependencies": {
+    "@element-plus/icons-vue": "catalog:build",
+    "element-plus": "catalog:build"
+  }
+}
+

package/templates/vue/features/element-plus/pnpm-workspace.yaml

@@ -0,0 +1,5 @@
+catalogs:
+  build:
+    "@element-plus/icons-vue": ^2.3.1
+    element-plus: ^2.11.3
+

package/templates/vue/features/element-plus/vite.config.data.ts

@@ -0,0 +1,15 @@
+import type { ViteConfigData } from '../../../../src/types/viteConfig'
+
+const data: ViteConfigData = {
+  css: {
+    additionalData: `additionalData: (source: string, filename: string) => {
+                if (filename.includes('assets/styles/element/index.scss')) {
+                  return \`$namespace: '\${appCode || 'el'}';
+                \${source}\`
+                }
+                return source
+              },`,
+  },
+}
+
+export default data

package/templates/vue/features/eslint/eslint.config.ts

@@ -0,0 +1,12 @@
+import eslintConfig from '@moluoxixi/eslint-config'
+
+export default eslintConfig({
+  vue: true,
+  typescript: true,
+  ignores: [],
+  rules: {
+    'perfectionist/sort-imports': 'off',
+    'jsonc/sort-keys': 'off',
+  },
+})
+

package/templates/vue/features/eslint/package.json

@@ -0,0 +1,7 @@
+{
+  "devDependencies": {
+    "@moluoxixi/eslint-config": "catalog:dev",
+    "eslint": "catalog:dev",
+    "eslint-plugin-format": "catalog:dev"
+  }
+}

package/templates/vue/features/eslint/pnpm-workspace.yaml

@@ -0,0 +1,6 @@
+catalogs:
+  dev:
+    '@moluoxixi/eslint-config': latest
+    eslint: ^9.22.0
+    eslint-plugin-format: ^1.0.1
+

package/templates/vue/features/i18n/package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "vue-i18n": "catalog:build"
+  }
+}

package/templates/vue/features/i18n/pnpm-workspace.yaml

@@ -0,0 +1,3 @@
+catalogs:
+  build:
+    vue-i18n: ^11.1.10

package/templates/vue/features/i18n/src/locales/index.ts

@@ -0,0 +1,16 @@
+import { createI18n } from 'vue-i18n'
+
+import en from './lang/en'
+import zh from './lang/zh'
+
+const i18n = createI18n({
+  legacy: false,
+  locale: localStorage.getItem('locale') || 'zh',
+  fallbackLocale: 'zh',
+  messages: {
+    zh,
+    en,
+  },
+})
+
+export default i18n

package/templates/vue/features/manualRoutes/src/router/layout.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+/**
+ * 路由布局组件
+ */
+</script>
+
+<template>
+  <RouterView />
+</template>
+

package/templates/vue/features/manualRoutes/src/router/routes.ts

@@ -0,0 +1,27 @@
+import Layout from './layout.vue'
+
+export const routes = [
+  {
+    path: '/',
+    component: Layout,
+    redirect: '/home',
+    children: [
+      {
+        path: '/home',
+        name: 'Home',
+        component: () => import('@/pages/home/index.vue'),
+        meta: {
+          title: '首页',
+        },
+      },
+      {
+        path: '/about',
+        name: 'About',
+        component: () => import('@/pages/about/index.vue'),
+        meta: {
+          title: '关于',
+        },
+      },
+    ],
+  },
+]

package/templates/vue/features/pageRoutes/package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "vite-plugin-pages": "catalog:build"
+  }
+}

package/templates/vue/features/pageRoutes/pnpm-workspace.yaml

@@ -0,0 +1,4 @@
+catalogs:
+  build:
+    vite-plugin-pages: ^0.32.5
+

package/templates/vue/features/pageRoutes/vite.config.data.ts

@@ -0,0 +1,9 @@
+import type { ViteConfigData } from '../../../../src/types/viteConfig'
+
+const data: ViteConfigData = {
+  options: {
+    pageRoutes: true,
+  },
+}
+
+export default data

package/templates/vue/features/pinia/package.json

@@ -0,0 +1,6 @@
+{
+  "dependencies": {
+    "pinia": "catalog:build",
+    "pinia-plugin-persistedstate": "catalog:build"
+  }
+}

package/templates/vue/features/pinia/pnpm-workspace.yaml

@@ -0,0 +1,4 @@
+catalogs:
+  build:
+    pinia: ^2.3.0
+    pinia-plugin-persistedstate: ^4.2.0

package/templates/vue/features/pinia/src/stores/index.ts

@@ -0,0 +1,8 @@
+import { createPinia } from 'pinia'
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
+
+export const store = createPinia()
+store.use(piniaPluginPersistedstate)
+
+export * from './user'
+

package/templates/vue/features/pinia/src/stores/user.ts

@@ -0,0 +1,36 @@
+import type { UserInfoType } from '@/apis/types/user'
+
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export const useUserStore = defineStore(
+  'user',
+  () => {
+    const token = ref('')
+    const userInfo = ref<UserInfoType | null>(null)
+
+    function setToken(value: string): void {
+      token.value = value
+    }
+
+    function setUserInfo(value: UserInfoType): void {
+      userInfo.value = value
+    }
+
+    function logout(): void {
+      token.value = ''
+      userInfo.value = null
+    }
+
+    return {
+      token,
+      userInfo,
+      setToken,
+      setUserInfo,
+      logout,
+    }
+  },
+  {
+    persist: true,
+  },
+)

package/templates/vue/features/qiankun/package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "vite-plugin-qiankun": "catalog:build"
+  }
+}

package/templates/vue/features/qiankun/pnpm-workspace.yaml

@@ -0,0 +1,3 @@
+catalogs:
+  build:
+    vite-plugin-qiankun: ^1.0.15

package/templates/vue/features/qiankun/src/qiankun/index.ts

@@ -0,0 +1,56 @@
+import type { App } from 'vue'
+import type { Router } from 'vue-router'
+import {
+  renderWithQiankun,
+  qiankunWindow,
+} from 'vite-plugin-qiankun/dist/helper'
+
+let app: App | null = null
+let router: Router | null = null
+
+interface QiankunProps {
+  container?: Element
+  [key: string]: unknown
+}
+
+interface RenderOptions {
+  createApp: () => App
+  createRouter: (qiankunName?: string) => Router
+  mountApp: (app: App, router: Router, container: string | Element) => void
+}
+
+export function setupQiankun(options: RenderOptions): void {
+  const { createApp, createRouter, mountApp } = options
+
+  renderWithQiankun({
+    mount(props: QiankunProps) {
+      app = createApp()
+      const qiankunName = qiankunWindow.__POWERED_BY_QIANKUN__
+        ? (qiankunWindow as { __INJECTED_PUBLIC_PATH_BY_QIANKUN__?: string }).__INJECTED_PUBLIC_PATH_BY_QIANKUN__?.split('/')[1]
+        : undefined
+      router = createRouter(qiankunName)
+      const container = props.container
+        ? props.container.querySelector('#app')!
+        : '#app'
+      mountApp(app, router, container)
+    },
+    bootstrap() {
+      console.log('[Qiankun] bootstrap')
+    },
+    unmount() {
+      if (app) {
+        app.unmount()
+        app = null
+        router = null
+      }
+    },
+    update() {
+      console.log('[Qiankun] update')
+    },
+  })
+}
+
+export function isQiankun(): boolean {
+  return qiankunWindow.__POWERED_BY_QIANKUN__ || false
+}
+

package/templates/vue/features/router/package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "vue-router": "catalog:build"
+  }
+}

package/templates/vue/features/router/pnpm-workspace.yaml

@@ -0,0 +1,3 @@
+catalogs:
+  build:
+    vue-router: ^4.5.0

package/templates/vue/features/sentry/package.json

@@ -0,0 +1,6 @@
+{
+  "dependencies": {
+    "@sentry/vue": "catalog:build",
+    "@sentry/vite-plugin": "catalog:build"
+  }
+}

package/templates/vue/features/sentry/pnpm-workspace.yaml

@@ -0,0 +1,4 @@
+catalogs:
+  build:
+    '@sentry/vue': ^9.27.0
+    '@sentry/vite-plugin': ^3.5.0

package/templates/vue/features/sentry/src/utils/sentry.ts

@@ -0,0 +1,33 @@
+import type { App } from 'vue'
+import type { Router } from 'vue-router'
+import * as Sentry from '@sentry/vue'
+
+interface SentryConfig {
+  dsn: string
+  environment?: string
+  release?: string
+}
+
+export function initSentry(app: App, router: Router, config: SentryConfig): void {
+  const { dsn, environment = 'production', release } = config
+
+  if (!dsn) {
+    console.warn('[Sentry] DSN is not configured, skipping initialization')
+    return
+  }
+
+  Sentry.init({
+    app,
+    dsn,
+    environment,
+    release,
+    integrations: [
+      Sentry.browserTracingIntegration({ router }),
+      Sentry.replayIntegration(),
+    ],
+    tracesSampleRate: 1.0,
+    replaysSessionSampleRate: 0.1,
+    replaysOnErrorSampleRate: 1.0,
+  })
+}
+

package/templates/vue/features/sentry/vite.config.data.ts

@@ -0,0 +1,23 @@
+import type { ViteConfigData } from '../../../../src/types/viteConfig'
+
+const data: ViteConfigData = {
+  imports: [
+    'import { sentryVitePlugin } from \'@sentry/vite-plugin\'',
+  ],
+  plugins: [
+    `viteEnv.VITE_SENTRY && mode === 'production' && sentryVitePlugin({
+            authToken: process.env.SENTRY_AUTH_TOKEN,
+            org: 'f1f562b9b82f',
+            project: 'javascript-vue',
+            sourcemaps: {
+              assets: './dist/**',
+              ignore: ['node_modules'],
+            },
+            release: {
+              name: viteEnv.VITE_APP_VERSION || 'unknown',
+            },
+          })`,
+  ],
+}
+
+export default data