fix: hyphen naming for composables and stores

Author: adhamfarrag

src/templates/stores.ts

@@ -1,10 +1,10 @@
-import { capitalize } from "string-ts"
+import { normalizeName } from '../utils'
 
 const piniaOptionsContent = (name: string): string => {
     return `import { defineStore } from 'pinia'
 
-export const useMy${capitalize(name)}Store = defineStore({
-  id: 'my${capitalize(name)}Store',
+export const useMy${normalizeName(name)}Store = defineStore({
+  id: 'my${normalizeName(name)}Store',
   state: () => ({ }),
   actions: {}
 })
@@ -13,7 +13,7 @@ export const useMy${capitalize(name)}Store = defineStore({
 const piniaSetupContent = (name: string): string => {
     return `import { defineStore } from 'pinia'
 
-export const use${capitalize(name)}Store = defineStore('${name}', () => {
+export const use${normalizeName(name)}Store = defineStore('${normalizeName(name)}', () => {
   return {}
 })
 `}

src/templates/typeScriptFiles.ts

@@ -1,8 +1,4 @@
-import { capitalize } from "string-ts"
-
-function capitalizeFirstLetter(name: string) {
-    return capitalize(name)
-}
+import { normalizeName } from '../utils'
 
 const nitroDefaultTemplate = `export default defineEventHandler(async (event) => {
   return 'Hello Nitro'
@@ -14,9 +10,7 @@ const nuxtMiddlewareTemplate = `export default defineNuxtRouteMiddleware((to, fr
 })
 `
 
-const composableTemplate = (name: string) => `export const use${capitalizeFirstLetter(
-    name
-)} = () => {
+const composableTemplate = (name: string) => `export const use${normalizeName(name)} = () => {
   return ref()
 }
 `

src/utils/file.ts

@@ -1,5 +1,5 @@
 import { window, workspace, Uri } from 'vscode';
-import { trim } from 'string-ts';
+import { trim, capitalize, replace, split } from 'string-ts';
 import { existsSync, mkdirSync, readdirSync } from 'fs';
 import { join } from 'pathe';
 import { TextEncoder } from 'util';
@@ -166,3 +166,5 @@ export const createVueTemplate = (content: string, type: string) => {
         });
 
 };
+
+export const normalizeName = (name: string, capital?: boolean) =>  split(trim(name), "-").map(capitalize).join('');

src/utils/index.ts

@@ -26,7 +26,7 @@ import {
     updateDependencies
 } from './dependency'
 
-import { createDirectoryAndFile, createFile, createSubFolders, showSubFolderQuickPick, createDir, createVueTemplate } from './file'
+import { createDirectoryAndFile, createFile, createSubFolders, showSubFolderQuickPick, createDir, createVueTemplate, normalizeName } from './file'
 
 import { getCommandType } from './commands'
 
@@ -88,5 +88,6 @@ export {
     removePackage,
     managePackageVersion,
     createConfigWatcher,
-    isNuxiInstalled
+    isNuxiInstalled,
+    normalizeName
 }