feat: Add nuxt file extension configuration

README.md

@@ -56,7 +56,7 @@ Using `Nuxtr: Create Nuxt project` command, you can create a new Nuxt project wi
 
 ### Directory and File Creation
 
-Effortlessly generate all essential directories and files for your Nuxt project right from within VSCode. Utilize the command palette  or context menus to swiftly create Vue/TypeScript files, as well as special files like [`.nuxtignore`](https://nuxt.com/docs/guide/directory-structure/nuxtignore), [`.nuxtrc`](https://nuxt.com/docs/api/configuration/nuxt-config), and [`app.config.ts`](https://nuxt.com/docs/guide/directory-structure/app-config).
+Effortlessly generate all essential directories and files for your Nuxt project right from within VSCode. Utilize the command palette  or context menus to swiftly create Vue/TypeScript/JavaScript files, as well as special files like [`.nuxtignore`](https://nuxt.com/docs/guide/directory-structure/nuxtignore), [`.nuxtrc`](https://nuxt.com/docs/api/configuration/nuxt-config), and [`app.config.(ts/js)`](https://nuxt.com/docs/guide/directory-structure/app-config).
 
 To initiate any creation action, simply prepend it with the prefix **`Nuxtr: Create...`** and **`Nuxtr: Nuxt project structure...`** command for creating the entire project structure.
 
@@ -70,7 +70,8 @@ Customize Vue file templates with these settings:
 "nuxtr.vueFiles.style.addStyleTag": true,
 "nuxtr.vueFiles.style.alwaysScoped": true,
 "nuxtr.vueFiles.style.defaultLanguage": "scss",
-"nuxtr.piniaFiles.defaultTemplate": "options"
+"nuxtr.piniaFiles.defaultTemplate": "options",
+"nuxtr.nuxtFiles.defaultLanguage": "js"
 ```
 
 Additionally, you can choose to automatically open the newly created file with:

package.json

@@ -574,7 +574,16 @@
               "setup"
             ],
             "description": "Default language for script tag"
-          }
+          },
+					"nuxtr.nuxtFiles.defaultLanguage":{
+						"type": "string",
+						"default": "ts",
+						"enum": [
+							"js",
+							"ts"
+						],
+						"description": "Default language for nuxt files"
+					}
         }
       },
       {
@@ -845,7 +854,7 @@
       },
       {
         "command": "nuxtr.appConfig",
-        "title": "Create app.config.ts file",
+        "title": "Create app.config.(ts/js) file",
         "category": "Nuxtr",
         "when": "nuxtr.isNuxtProject"
       },

snippets/Nuxt/composables.json

@@ -7,7 +7,7 @@
   "useAsyncData": {
     "prefix": "useAsyncData",
     "body": [
-      "const { data, pending, error, refresh } = await useAsyncData(",
+      "const { data, status, error, refresh, clear } = await useAsyncData(",
       "    '$2',",
       "    () => \\$fetch('$3')",
       ");"
@@ -37,7 +37,7 @@
   "useFetch": {
     "prefix": "useFetch",
     "body": [
-      "const { data, pending, error, refresh } = await useFetch('$1',{",
+      "const { data, status, error, refresh, clear } = await useFetch('$1',{",
       "    $2",
       "})"
     ],

src/commands/CSS.ts

@@ -1,6 +1,8 @@
 import { window } from 'vscode'
 import { tailwindCSSFile, tailwindCSSJSConfig, tailwindCSSTSConfig, unoCSSConfig, vuetifyConfigFile, windiCSSConfig } from '../templates'
-import { createFile, getInstallationCommand, isNuxtTwo, openExternalLink, projectRootDirectory, projectSrcDirectory, runCommand, updateNuxtConfig } from '../utils'
+import { createFile, getInstallationCommand, isNuxtTwo, openExternalLink, projectRootDirectory, projectSrcDirectory, runCommand, updateNuxtConfig, nuxtrConfiguration } from '../utils'
+
+const nuxtLang = nuxtrConfiguration().nuxtFiles.defaultLanguage
 
 const frameworks = ['TailwindCSS', 'WindiCSS', 'UnoCSS', 'Vuetify']
 
@@ -106,9 +108,9 @@ const configureTailwind = () => {
                     if (selections.includes(TailwindOptions.createConfigFile)) {
 
                         await createFile({
-                            fileName: `tailwind.config.${isNuxtTwo() ? 'js' : 'ts'}`,
+                            fileName: `tailwind.config.${isNuxtTwo() ? 'js' : nuxtLang}`,
                             content: isNuxtTwo() ? tailwindCSSJSConfig : tailwindCSSTSConfig,
-                            fullPath: `${projectRootDirectory()}/tailwind.config.${isNuxtTwo() ? 'js' : 'ts'}`,
+                            fullPath: `${projectRootDirectory()}/tailwind.config.${isNuxtTwo() ? 'js' : nuxtLang}`,
                         })
                     }
 
@@ -128,7 +130,7 @@ const configureTailwind = () => {
 
 const configureWindi = async () => {
     try {
-        const filePath = `${await projectSrcDirectory()}/windi.config.${isNuxtTwo() ? 'js' : 'ts'}`
+        const filePath = `${await projectSrcDirectory()}/windi.config.${isNuxtTwo() ? 'js' : nuxtLang}`
 
         const windiOptions = Object.values(WindiOptions)
 
@@ -155,7 +157,7 @@ const configureWindi = async () => {
 
                     if (selections.includes(WindiOptions.createConfigFile)) {
                         await createFile({
-                            fileName: `windi.config.${isNuxtTwo() ? 'js' : 'ts'}`,
+                            fileName: `windi.config.${isNuxtTwo() ? 'js' : nuxtLang}`,
                             content: windiCSSConfig,
                             fullPath: filePath,
                         })
@@ -176,7 +178,7 @@ const configureWindi = async () => {
 
 const configureUno = async () => {
     try {
-        const filePath = `${await projectSrcDirectory()}/uno.config.ts`
+        const filePath = `${await projectSrcDirectory()}/uno.config.${nuxtLang}`
 
         const unoCSSOptions = Object.values(UnoCSSOptions)
 
@@ -203,7 +205,7 @@ const configureUno = async () => {
 
                     if (selections.includes(UnoCSSOptions.createConfigFile)) {
                         await createFile({
-                            fileName: `uno.config.ts`,
+                            fileName: `uno.config.${nuxtLang}`,
                             content: unoCSSConfig,
                             fullPath: filePath,
                         })

src/commands/Composable.ts

@@ -1,7 +1,9 @@
 import { window } from 'vscode'
-import { createDir, createFile, createSubFolders, normalizeFileExtension, projectSrcDirectory, showSubFolderQuickPick } from '../utils'
+import { createDir, createFile, createSubFolders, normalizeFileExtension, projectSrcDirectory, showSubFolderQuickPick, nuxtrConfiguration } from '../utils'
 import { composableTemplate } from '../templates'
 
+const nuxtLang = nuxtrConfiguration().nuxtFiles.defaultLanguage
+
 const createComposable = () => {
     window
         .showInputBox({
@@ -37,10 +39,10 @@ const directCreateComposable = (path: string) => {
         .then((name) => {
             if (!name) { return }
 
-            const filePath = `${path}/${normalizeFileExtension(name, '.ts')}.ts`
+            const filePath = `${path}/${normalizeFileExtension(name, `.${nuxtLang}`)}.${nuxtLang}`
 
             createFile({
-                fileName: `${name}.ts`,
+                fileName: `${name}.${nuxtLang}`,
                 content: composableTemplate(name),
                 fullPath: filePath,
             })

src/commands/Middleware.ts

@@ -1,7 +1,9 @@
 import { window } from 'vscode'
-import { createDir, createFile, createSubFolders, hasServerDir, normalizeFileExtension, projectSrcDirectory, showSubFolderQuickPick} from '../utils'
+import { createDir, createFile, createSubFolders, hasServerDir, normalizeFileExtension, projectSrcDirectory, showSubFolderQuickPick, nuxtrConfiguration } from '../utils'
 import { nitroDefaultTemplate, nuxtMiddlewareTemplate } from '../templates'
 
+const nuxtLang = nuxtrConfiguration().nuxtFiles.defaultLanguage
+
 const createMiddleware = () => {
     window
         .showInputBox({
@@ -40,10 +42,10 @@ const directCreateMiddleware = async (path: string) => {
         .then((name) => {
             if (!name) { return }
 
-            const filePath = `${path}/${normalizeFileExtension(name, '.ts')}.ts`
+            const filePath = `${path}/${normalizeFileExtension(name, `.${nuxtLang}`)}.${nuxtLang}`
 
             createFile({
-                fileName: `${name}.ts`,
+                fileName: `${name}.${nuxtLang}`,
                 content: filePath.includes(`${serverDir}`) ? nitroDefaultTemplate : nuxtMiddlewareTemplate,
                 fullPath: filePath,
             })

src/commands/Nitro.ts

@@ -1,7 +1,9 @@
 import { window } from 'vscode'
-import { createDir, createFile, createSubFolders, hasServerDir, normalizeFileExtension, projectSrcDirectory, showSubFolderQuickPick } from '../utils'
+import { createDir, createFile, createSubFolders, hasServerDir, normalizeFileExtension, projectSrcDirectory, showSubFolderQuickPick, nuxtrConfiguration } from '../utils'
 import { nitroDefaultTemplate, nitroPluginTemplate, nitroUtilTemplate } from '../templates'
 
+const nuxtLang = nuxtrConfiguration().nuxtFiles.defaultLanguage
+
 const createNitroAPI = () => {
     window
         .showInputBox({
@@ -145,9 +147,9 @@ const directCreateNitroAPI = (path: string) => {
             await createDir('server')
             await createDir('server/api')
 
-            const filePath = `${path}/${normalizeFileExtension(name, '.ts')}.ts`
+            const filePath = `${path}/${normalizeFileExtension(name, `.${nuxtLang}`)}.${nuxtLang}`
             createFile({
-                fileName: `${name}.ts`,
+                fileName: `${name}.${nuxtLang}`,
                 content: nitroDefaultTemplate,
                 fullPath: filePath,
             })
@@ -166,10 +168,10 @@ const directCreateNitroRoute = (path: string) => {
             createDir('server')
             createDir('server/routes')
 
-            const filePath = `${path}/${normalizeFileExtension(name, '.ts')}.ts`
+            const filePath = `${path}/${normalizeFileExtension(name, `.${nuxtLang}`)}.${nuxtLang}`
 
             createFile({
-                fileName: `${name}.ts`,
+                fileName: `${name}.${nuxtLang}`,
                 content: nitroDefaultTemplate,
                 fullPath: filePath,
             })

src/commands/Plugin.ts

@@ -1,7 +1,9 @@
 import { window } from 'vscode'
-import { createDir, createFile, createSubFolders, hasServerDir, normalizeFileExtension, projectSrcDirectory, showSubFolderQuickPick } from '../utils'
+import { createDir, createFile, createSubFolders, hasServerDir, normalizeFileExtension, projectSrcDirectory, showSubFolderQuickPick, nuxtrConfiguration } from '../utils'
 import { nitroPluginTemplate, nuxtPluginTemplate } from '../templates'
 
+const nuxtLang = nuxtrConfiguration().nuxtFiles.defaultLanguage
+
 const createPlugin = () => {
     window
         .showInputBox({
@@ -39,11 +41,11 @@ const directCreatePlugin = async (path: string) => {
         .then((name) => {
             if (!name) { return }
 
-            const filePath = `${path}/${normalizeFileExtension(name, '.ts')}.ts`
+            const filePath = `${path}/${normalizeFileExtension(name, `.${nuxtLang}`)}.${nuxtLang}`
 
 
             createFile({
-                fileName: `${name}.ts`,
+                fileName: `${name}.${nuxtLang}`,
                 content: filePath.includes(`${serverDir}`) ? nitroPluginTemplate : nuxtPluginTemplate,
                 fullPath: filePath,
             })

src/commands/Store.ts

@@ -9,11 +9,14 @@ import {
     normalizeFileExtension,
     projectSrcDirectory,
     runCommand,
-    updateNuxtConfig
+    updateNuxtConfig,
+		nuxtrConfiguration
 } from '../utils'
 
 import { vuexContent } from '../templates'
 
+const nuxtLang = nuxtrConfiguration().nuxtFiles.defaultLanguage
+
 async function detectPiniaModule() {
     const moduleName = '@pinia/nuxt'
     const isConfigured = isModuleConfigured(moduleName)
@@ -46,7 +49,7 @@ const createStore = () => {
         .then(async (name: any) => {
             if (!name) { return }
 
-            const filePath = `${await projectSrcDirectory()}/${isNuxtTwo() ? 'store' : 'stores'}/${name}.${isNuxtTwo() ? 'js' : 'ts'}`
+            const filePath = `${await projectSrcDirectory()}/${isNuxtTwo() ? 'store' : 'stores'}/${name}.${isNuxtTwo() ? 'js' : nuxtLang}`
             await (isNuxtTwo() ? createFile({
                 fileName: name,
                 content: vuexContent,
@@ -70,7 +73,7 @@ const directCreateStore = (path: string) => {
         .then(async (name) => {
             if (!name) { return }
 
-            const filePath = `${path}/${normalizeFileExtension(name, isNuxtTwo() ? '.js' : '.ts' )}.${isNuxtTwo() ? 'js' : 'ts'}`
+            const filePath = `${path}/${normalizeFileExtension(name, isNuxtTwo() ? '.js' : `.${nuxtLang}` )}.${isNuxtTwo() ? 'js' : nuxtLang}`
 
             await (isNuxtTwo() ? createFile({
                 fileName: name,

src/commands/Structure.ts

@@ -1,8 +1,10 @@
 import { window } from 'vscode'
 import { existsSync, mkdirSync } from 'node:fs'
-import { createFile, generateVueFileTemplate, isNuxtTwo, projectRootDirectory, projectSrcDirectory } from '../utils'
+import { createFile, generateVueFileTemplate, isNuxtTwo, projectRootDirectory, projectSrcDirectory, nuxtrConfiguration } from '../utils'
 import { appConfigContent } from '../templates'
 
+const nuxtLang = nuxtrConfiguration().nuxtFiles.defaultLanguage
+
 function promptDirectorySelection() {
     let directories = ['components', 'pages', 'assets', 'plugins', 'layouts', 'middleware', 'modules',]
 
@@ -53,9 +55,9 @@ const projectStructure = () => {
 
 const appConfig = () => {
     createFile({
-        fileName: 'app.config.ts',
+        fileName: `app.config.${nuxtLang}`,
         content: appConfigContent,
-        fullPath: `${projectRootDirectory()}/app.config.ts`,
+        fullPath: `${projectRootDirectory()}/app.config.${nuxtLang}`,
     })
 }
 

src/commands/Util.ts

@@ -1,7 +1,9 @@
 import { window } from 'vscode'
-import { createDir, createFile, createSubFolders, hasServerDir, projectSrcDirectory, showSubFolderQuickPick } from '../utils'
+import { createDir, createFile, createSubFolders, hasServerDir, projectSrcDirectory, showSubFolderQuickPick, nuxtrConfiguration } from '../utils'
 import { nitroUtilTemplate, nuxtUtilTemplate } from '../templates'
 
+const nuxtLang = nuxtrConfiguration().nuxtFiles.defaultLanguage
+
 const createUtil = () => {
     window
         .showInputBox({
@@ -39,11 +41,11 @@ const directCreateUtil = async (path: string) => {
         .then((name) => {
             if (!name) { return }
 
-            const filePath = `${path}/${name}.ts`
+            const filePath = `${path}/${name}.${nuxtLang}`
 
 
             createFile({
-                fileName: `${name}.ts`,
+                fileName: `${name}.${nuxtLang}`,
                 content: filePath.includes(`${serverDir}`) ? nitroUtilTemplate : nuxtUtilTemplate(),
                 fullPath: filePath,
             })

src/types.ts

@@ -45,6 +45,9 @@ export interface NuxtrConfiguration {
             defaultTemplate: string;
         };
     };
+		nuxtFiles:{
+			defaultLanguage: "js" | "ts"
+		}
     intellisense: {
         vueFiles: boolean;
         nuxtignore: boolean;