fix(ui): more strings localized

packages/@vue/cli-ui/src/components/ProjectFeatureItem.vue

@@ -4,14 +4,15 @@
     :class="{
       selected: feature.enabled
     }"
+    :data-id="feature.id"
   >
     <VueSwitch
       :value="feature.enabled"
       class="extend-left"
     >
       <ListItemInfo
-        :name="feature.name"
-        :description="feature.description"
+        :name="$t(feature.name)"
+        :description="$t(feature.description)"
         :link="feature.link"
         :selected="feature.enabled"
       />

packages/@vue/cli-ui/src/components/ProjectPresetItem.vue

@@ -4,6 +4,7 @@
     :class="{
       selected
     }"
+    :data-id="preset.id"
   >
     <div class="content">
       <div
@@ -16,8 +17,8 @@
       </div>
 
       <ListItemInfo
-        :name="preset.name"
-        :description="preset.description"
+        :name="$t(preset.name)"
+        :description="$t(preset.description)"
         :link="preset.link"
         :selected="selected"
       />

packages/@vue/cli-ui/src/graphql-api/connectors/projects.js

@@ -44,7 +44,7 @@ function getLast (context) {
 }
 
 function generatePresetDescription (preset) {
-  let description = `Features: ${preset.features.join(', ')}`
+  let description = preset.features.join(', ')
   if (preset.raw.useConfigFiles) {
     description += ` (Use config files)`
   }
@@ -94,7 +94,7 @@ async function initCreator (context) {
         )
         const info = {
           id: key,
-          name: key === 'default' ? 'Default preset' : key,
+          name: key === 'default' ? 'views.project-create.tabs.presets.default-preset' : key,
           features,
           link: null,
           raw: preset
@@ -105,8 +105,8 @@ async function initCreator (context) {
     ),
     {
       id: '__manual__',
-      name: 'Manual',
-      description: 'Manually select features',
+      name: 'views.project-create.tabs.presets.manual.name',
+      description: 'views.project-create.tabs.presets.manual.description',
       link: null,
       features: []
     }
@@ -127,8 +127,8 @@ async function initCreator (context) {
     ),
     {
       id: 'use-config-files',
-      name: 'Use config files',
-      description: `Use specific configuration files (like '.babelrc') instead of using 'package.json'.`,
+      name: 'views.project-create.tabs.features.userConfigFiles.name',
+      description: 'views.project-create.tabs.features.userConfigFiles.description',
       link: null,
       plugins: null,
       enabled: false

packages/@vue/cli/locales/en.json

@@ -210,7 +210,16 @@
           "modal": {
             "title": "Configure Remote preset",
             "body": "Available soon..."
-          }
+          },
+          "manual": {
+            "name": "Manual",
+            "description": "Manually select features"
+          },
+          "remote": {
+            "name": "Remote preset",
+            "description": "Fetch a preset from a git repository"
+          },
+          "default-preset": "Default preset"
         },
         "features": {
           "title": "Features",
@@ -220,6 +229,10 @@
             "previous": "Previous",
             "next": "Next",
             "create": "Create Project"
+          },
+          "userConfigFiles": {
+            "name": "Use config files",
+            "description": "Use specific configuration files (like '.babelrc') instead of using 'package.json'."
           }
         },
         "configuration": {