feat: pinia setup template

Author: adhamfarrag

package.json

@@ -500,7 +500,7 @@
         }
       },
       {
-        "title": "Vue Files",
+        "title": "File Creation",
         "type": "object",
         "properties": {
           "nuxtr.vueFiles.template.defaultLanguage": {
@@ -571,6 +571,15 @@
             "type": "string",
             "default": "default.layout-template",
             "description": "Default layout template"
+          },
+          "nuxtr.piniaFiles.defaultTemplate": {
+            "type": "string",
+            "default": "options",
+            "enum": [
+              "options",
+              "setup"
+            ],
+            "description": "Default language for script tag"
           }
         }
       },

src/commands/Component.ts

@@ -1,6 +1,6 @@
 import { window } from 'vscode'
 import { projectSrcDirectory, createSubFolders, showSubFolderQuickPick, createFile, createDir } from '../utils'
-import { generateVueFileBasicTemplate } from '../utils/vueFiles'
+import { generateVueFileBasicTemplate } from '../utils/files'
 
 const createComponent = () => {
     window

src/commands/Layout.ts

@@ -2,7 +2,7 @@ import { window } from 'vscode'
 import { projectSrcDirectory, createFile, createDir } from '../utils'
 
 
-import { generateVueFileTemplate } from '../utils/vueFiles'
+import { generateVueFileTemplate } from '../utils/files'
 
 
 const createLayout = () => {

src/commands/Page.ts

@@ -1,7 +1,7 @@
 import { window } from 'vscode'
 import { createSubFolders, showSubFolderQuickPick, createFile, projectSrcDirectory, createDir } from '../utils'
 
-import { generateVueFileTemplate } from '../utils/vueFiles'
+import { generateVueFileTemplate } from '../utils/files'
 
 const createPage = () => {
     window

src/commands/Store.ts

@@ -1,6 +1,6 @@
 import { window } from 'vscode'
-import { projectSrcDirectory, isNuxtTwo, createFile } from '../utils'
-import { piniaContent, vuexContent } from '../templates'
+import { projectSrcDirectory, isNuxtTwo, createFile, generatePiniaTemplates } from '../utils'
+import { vuexContent } from '../templates'
 
 const createStore = () => {
     window
@@ -21,7 +21,7 @@ const createStore = () => {
             } else {
                 createFile({
                     fileName: name,
-                    content: piniaContent(name),
+                    content: generatePiniaTemplates(name),
                     fullPath: filePath,
                 })
             }
@@ -48,7 +48,7 @@ const directCreateStore = (path: string) => {
             } else {
                 createFile({
                     fileName: name,
-                    content: piniaContent(name),
+                    content: generatePiniaTemplates(name),
                     fullPath: filePath,
                 })
             }

src/commands/Structure.ts

@@ -2,7 +2,7 @@ import { window } from 'vscode'
 import { mkdirSync, existsSync } from 'node:fs'
 import { isNuxtTwo, createFile, projectRootDirectory, projectSrcDirectory } from '../utils'
 import { appConfigContent } from '../templates'
-import { generateVueFileTemplate } from '../utils/vueFiles'
+import { generateVueFileTemplate } from '../utils/files'
 
 function promptDirectorySelection() {
     let directories = [

src/templates/appConfig.ts

@@ -0,0 +1,6 @@
+const appConfigContent = `export default defineAppConfig({
+
+})
+`
+
+export {  appConfigContent }

src/templates/index.ts

@@ -10,7 +10,8 @@ import {
     nitroUtilTemplate
 } from './typeScriptFiles'
 import { generateStyleTag, generateScriptTag, templateTag } from './vueFiles'
-import { vuexContent, piniaContent, appConfigContent } from './stores'
+import { vuexContent, piniaOptionsContent, piniaSetupContent } from './stores'
+import { appConfigContent } from './appConfig'
 
 
 export {
@@ -34,6 +35,7 @@ export {
     generateScriptTag,
     templateTag,
     vuexContent,
-    piniaContent,
+    piniaOptionsContent,
+    piniaSetupContent,
     appConfigContent
 }

src/templates/stores.ts

@@ -1,29 +1,35 @@
 import { capitalize } from "string-ts"
 
-const piniaContent = (name: string) => {
+const piniaOptionsContent = (name: string): string => {
     return `import { defineStore } from 'pinia'
 
 export const useMy${capitalize(name)}Store = defineStore({
   id: 'my${capitalize(name)}Store',
   state: () => ({ }),
-  actions: {},
+  actions: {}
 })
 `}
 
+const piniaSetupContent = (name: string): string => {
+    return `import { defineStore } from 'pinia'
+
+export const use${capitalize(name)}Store = defineStore('${name}', () => {
+  return {}
+})
+`}
+
+
 const vuexContent = `export const state = () => ({ })
 
 export const mutations = {}
 
 export const actions = { }
 `
 
-const appConfigContent = `export default defineAppConfig({
-
-})
-`
+// piniaContent,
 
 export {
-    piniaContent,
+    piniaOptionsContent,
+    piniaSetupContent,
     vuexContent,
-    appConfigContent
 }

src/types.d.ts

@@ -54,6 +54,10 @@ export interface NuxtrConfiguration {
         nuxt: boolean;
         nitro: boolean;
     }
+
+    piniaFiles: {
+        defaultTemplate: "options" | "setup";
+    }
 }
 
 interface TSConfigNuxt extends TSConfig {