Avoid triggering the linter with unnecessarily quoted keys

Author: skirtles-code

packages/create-vue-lib/src/index.ts

@@ -60,6 +60,7 @@ async function togglePromptIf(condition: boolean, message: string, initial = fal
 type Config = {
   scopedPackageName: string
   unscopedPackageName: string
+  packageNameAsObjectKey: string
   globalVariableName: string
   targetDirName: string
   targetDirPath: string
@@ -190,6 +191,9 @@ async function init() {
 
   const unscopedPackageName = scopedPackageName.replace(/.*\//, '')
 
+  // The earlier check on scopedPackageName makes this slightly easier
+  const packageNameAsObjectKey = /^[a-zA-Z_$][\w$]*$/.test(scopedPackageName) ? scopedPackageName : `'${scopedPackageName}'`
+
   const targetDirName = await textPrompt('Target directory', unscopedPackageName)
 
   if (targetDirName !== '.' && !isValidDirName(targetDirName)) {
@@ -286,6 +290,7 @@ async function init() {
   const config: Config = {
     scopedPackageName,
     unscopedPackageName,
+    packageNameAsObjectKey,
     globalVariableName,
     targetDirName,
     targetDirPath,

packages/create-vue-lib/src/template/playground/config/packages/playground/vite.config.mts.ejs

@@ -33,7 +33,7 @@ export default defineConfig(({ mode }): UserConfig => ({
     ]
     <%_ } else { _%>
     alias: {
-      '<%- config.scopedPackageName %>': fileURLToPath(new URL('../<%- config.mainPackageDirName %>/src/', import.meta.url))
+      <%- config.packageNameAsObjectKey %>: fileURLToPath(new URL('../<%- config.mainPackageDirName %>/src/', import.meta.url))
     }
     <%_ } _%>
   },

packages/create-vue-lib/src/template/vitepress/config/packages/docs/.vitepress/config.mts.ejs

@@ -53,7 +53,7 @@ export default ({ mode }: { mode: string }) => defineConfigWithTheme({
       ]
       <%_ } else { _%>
       alias: {
-        '<%- config.scopedPackageName %>': fileURLToPath(new URL('../../<%- config.mainPackageDirName %>/src/', import.meta.url))
+        <%- config.packageNameAsObjectKey %>: fileURLToPath(new URL('../../<%- config.mainPackageDirName %>/src/', import.meta.url))
       }
       <%_ } _%>
     },