feat: pinia

Author: yangmingshan

index.ts

@@ -98,6 +98,7 @@ type Result = {
   shouldOverwrite?: boolean
   packageName?: string
   needsTypeScript?: boolean
+  needsPinia?: boolean
   needsVitest?: boolean
   needsEslint?: boolean
   needsStylelint?: boolean
@@ -137,7 +138,7 @@ function renderTemplate(
     let content = ejs.render(template, result)
 
     if (filename === 'package.json.ejs') {
-      content = content.replace(',\n    trailing-comma', '')
+      content = content.replaceAll(',\n    trailing-comma', '')
     }
 
     fs.writeFileSync(dest.replace(/\.ejs$/, ''), content)
@@ -330,6 +331,14 @@ async function init() {
           active: '是',
           inactive: '否',
         },
+        {
+          name: 'needsPinia',
+          type: 'toggle',
+          message: '是否引入 Pinia 用于状态管理？（试验）',
+          initial: false,
+          active: '是',
+          inactive: '否',
+        },
         {
           name: 'needsVitest',
           type: 'toggle',
@@ -383,6 +392,7 @@ async function init() {
     shouldOverwrite = false,
     packageName = projectName ?? defaultProjectName,
     needsTypeScript = false,
+    needsPinia = false,
     needsVitest = false,
     needsEslint = false,
     needsStylelint = false,
@@ -414,6 +424,7 @@ async function init() {
     renderTemplate(path.resolve(templateRoot, templateName), root, {
       packageName,
       needsTypeScript,
+      needsPinia,
       needsVitest,
       needsEslint,
       needsStylelint,
@@ -433,6 +444,14 @@ async function init() {
     render('javascript')
   }
 
+  if (needsPinia) {
+    if (needsTypeScript) {
+      render('pinia-typescript')
+    } else {
+      render('pinia')
+    }
+  }
+
   if (needsEslint) {
     render('eslint')
   }
@@ -464,6 +483,7 @@ async function init() {
       packageManager,
       projectName: projectName ?? packageName ?? defaultProjectName,
       needsTypeScript,
+      needsPinia,
       needsVitest,
       needsEslint,
       needsStylelint,

template/base/package.json.ejs

@@ -30,7 +30,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.27.0",
-    "@vue-mini/core": "^1.2.2"
+    "@vue-mini/core": "^1.2.2",
+    <%_ if (needsPinia) { _%>
+    "@vue-mini/pinia": "^0.1.2",
+    <%_ } _%>
+    trailing-comma
   },
   "devDependencies": {
     "@babel/core": "^7.26.10",

template/pinia-typescript/src/app.ts

@@ -0,0 +1,6 @@
+import { createApp } from '@vue-mini/core';
+import './pinia';
+
+createApp(() => {
+  console.log('App Launched!');
+});

template/pinia-typescript/src/pinia.ts

@@ -0,0 +1,3 @@
+import { createPinia } from '@vue-mini/pinia';
+
+export const pinia = createPinia();

template/pinia-typescript/src/stores/count.ts

@@ -0,0 +1,13 @@
+import { ref, computed } from '@vue-mini/core';
+import { defineStore } from '@vue-mini/pinia';
+
+export const useCountStore = defineStore('count', () => {
+  const count = ref(0);
+  const double = computed(() => count.value * 2);
+
+  const increment = () => {
+    count.value++;
+  };
+
+  return { count, double, increment };
+});

template/pinia/src/app.js

@@ -0,0 +1,6 @@
+import { createApp } from '@vue-mini/core';
+import './pinia';
+
+createApp(() => {
+  console.log('App Launched!');
+});

template/pinia/src/pinia.js

@@ -0,0 +1,3 @@
+import { createPinia } from '@vue-mini/pinia';
+
+export const pinia = createPinia();

template/pinia/src/stores/count.js

@@ -0,0 +1,13 @@
+import { ref, computed } from '@vue-mini/core';
+import { defineStore } from '@vue-mini/pinia';
+
+export const useCountStore = defineStore('count', () => {
+  const count = ref(0);
+  const double = computed(() => count.value * 2);
+
+  const increment = () => {
+    count.value++;
+  };
+
+  return { count, double, increment };
+});