feat: add a prompt to skip example code (#787)

Follow-up of #636
Making the option more visible to regular users.

Author: haoqunjiang

index.ts

@@ -100,6 +100,7 @@ type PromptResult = {
   features?: (typeof FEATURE_OPTIONS)[number]['value'][]
   e2eFramework?: 'cypress' | 'nightwatch' | 'playwright'
   experimentFeatures?: (typeof EXPERIMENTAL_FEATURE_OPTIONS)[number]['value'][]
+  needsBareboneTemplates?: boolean
 }
 
 function isValidPackageName(projectName) {
@@ -251,6 +252,9 @@ async function init() {
     features: [],
     e2eFramework: undefined,
     experimentFeatures: [],
+
+    // TODO: default to true sometime in the future
+    needsBareboneTemplates: false,
   }
 
   intro(
@@ -352,7 +356,19 @@ async function init() {
     )
   }
 
-  const { features, experimentFeatures } = result
+  if (argv.bare) {
+    result.needsBareboneTemplates = true
+  } else if (!isFeatureFlagsUsed) {
+    result.needsBareboneTemplates = await unwrapPrompt(
+      confirm({
+        message: language.needsBareboneTemplates.message,
+        // TODO: default to true sometime in the future
+        initialValue: false,
+      }),
+    )
+  }
+
+  const { features, experimentFeatures, needsBareboneTemplates } = result
 
   const needsTypeScript = argv.ts || argv.typescript || features.includes('typescript')
   const needsJsx = argv.jsx || features.includes('jsx')
@@ -562,7 +578,7 @@ async function init() {
     },
   )
 
-  if (argv.bare) {
+  if (needsBareboneTemplates) {
     trimBoilerplate(root)
     render('bare/base')
     // TODO: refactor the `render` utility to avoid this kind of manual mapping?
@@ -629,7 +645,7 @@ async function init() {
     )
   }
 
-  if (argv.bare) {
+  if (needsBareboneTemplates) {
     removeCSSImport(root, needsTypeScript, needsCypressCT)
     if (needsRouter) {
       emptyRouterConfig(root, needsTypeScript)

locales/en-US.json

@@ -72,6 +72,9 @@
   "needsRolldownVite": {
     "message": "rolldown-vite (experimental)"
   },
+  "needsBareboneTemplates": {
+    "message": "Skip all example code and start with a blank Vue project?"
+  },
   "errors": {
     "operationCancelled": "Operation cancelled"
   },

locales/fr-FR.json

@@ -72,6 +72,9 @@
   "needsRolldownVite": {
     "message": "rolldown-vite (expérimental)"
   },
+  "needsBareboneTemplates": {
+    "message": "Ignorer tout le code d'exemple et commencer avec un projet Vue vierge\u00a0?"
+  },
   "errors": {
     "operationCancelled": "Operation annulée"
   },

locales/tr-TR.json

@@ -72,6 +72,9 @@
   "needsRolldownVite": {
     "message": "rolldown-vite (deneysel)"
   },
+  "needsBareboneTemplates": {
+    "message": "Tüm örnek kodları atlayıp boş bir Vue projesi ile başlansın mı?"
+  },
   "errors": {
     "operationCancelled": "İşlem iptal edildi"
   },

locales/zh-Hans.json

@@ -72,6 +72,9 @@
   "needsRolldownVite": {
     "message": "rolldown-vite（试验阶段）"
   },
+  "needsBareboneTemplates": {
+    "message": "跳过所有示例代码，创建一个空白的 Vue 项目？"
+  },
   "errors": {
     "operationCancelled": "操作取消"
   },

locales/zh-Hant.json

@@ -72,6 +72,9 @@
   "needsRolldownVite": {
     "message": "rolldown-vite（試驗性功能）"
   },
+  "needsBareboneTemplates": {
+    "message": "跳過所有範例程式碼，建立一個空白的 Vue 專案？"
+  },
   "errors": {
     "operationCancelled": "操作取消"
   },

template/bare/base/src/App.vue

@@ -2,6 +2,10 @@
 
 <template>
   <h1>You did it!</h1>
+  <p>
+    Visit <a href="https://vuejs.org/" target="_blank" rel="noopener">vuejs.org</a> to read the
+    documentation
+  </p>
 </template>
 
 <style scoped></style>

template/bare/typescript/src/App.vue

@@ -2,6 +2,10 @@
 
 <template>
   <h1>You did it!</h1>
+  <p>
+    Visit <a href="https://vuejs.org/" target="_blank" rel="noopener">vuejs.org</a> to read the
+    documentation
+  </p>
 </template>
 
 <style scoped></style>

utils/getLanguage.ts

@@ -41,6 +41,7 @@ interface Language {
   needsExperimentalFeatures: LanguageItem
   needsOxlint: LanguageItem
   needsRolldownVite: LanguageItem
+  needsBareboneTemplates: LanguageItem
   errors: {
     operationCancelled: string
   }