feat(ui): git commit message + disable git (#1541)

* feat: Allow git commit message through UI * refactor: fix git initialization on UI variable naming and behaviour * fix(ui): condition, text, variable names * fix(ui): polish
vuejs · Jun 11, 2018 · 29c1ce5 · 29c1ce5
1 parent 57ff03b
commit 29c1ce5
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 3 deletions.
diff --git a/packages/@vue/cli-ui/locales/en.json b/packages/@vue/cli-ui/locales/en.json
@@ -198,7 +198,9 @@
             },
             "options": {
               "label": "Additional options",
-              "description": "Overwrite target folder if it exists"
+              "force": "Overwrite target folder if it exists",
+              "git": "Initialize git repository (recommended)",
+              "git-commit-message": "Initial commit message (optional)"
             }
           },
           "buttons": {

diff --git a/packages/@vue/cli-ui/src/graphql-api/connectors/projects.js b/packages/@vue/cli-ui/src/graphql-api/connectors/projects.js
@@ -281,6 +281,14 @@ async function create (input, context) {
       answers.useConfigFiles = 'files'
     }
 
+    const createOptions = {}
+    // Git
+    if (input.enableGit && input.gitCommitMessage) {
+      createOptions.git = input.gitCommitMessage
+    } else {
+      createOptions.git = input.enableGit
+    }
+
     // Preset
     answers.preset = input.preset
     if (input.save) {
@@ -306,7 +314,7 @@ async function create (input, context) {
     })
 
     // Create
-    await creator.create({ git: true }, preset)
+    await creator.create(createOptions, preset)
     removeCreator()
 
     notify({

diff --git a/packages/@vue/cli-ui/src/graphql-api/schema/project.js b/packages/@vue/cli-ui/src/graphql-api/schema/project.js
@@ -37,6 +37,8 @@ input ProjectCreateInput {
   remote: Boolean
   clone: Boolean
   save: String
+  enableGit: Boolean!
+  gitCommitMessage: String
 }
 
 input ProjectImportInput {

diff --git a/packages/@vue/cli-ui/src/views/ProjectCreate.vue b/packages/@vue/cli-ui/src/views/ProjectCreate.vue
@@ -80,9 +80,23 @@
                     v-model="formData.force"
                     class="extend-left force"
                   >
-                    {{ $t('views.project-create.tabs.details.form.options.description') }}
+                    {{ $t('views.project-create.tabs.details.form.options.force') }}
                   </VueSwitch>
                 </VueFormField>
+
+                <VueFormField>
+                  <VueSwitch
+                    v-model="formData.enableGit"
+                    class="extend-left git"
+                  >
+                    {{ $t('views.project-create.tabs.details.form.options.git') }}
+                  </VueSwitch>
+                  <VueInput
+                    v-model="formData.gitCommitMessage"
+                    v-show="formData.enableGit"
+                    :placeholder="$t('views.project-create.tabs.details.form.options.git-commit-message')"
+                  />
+                </VueFormField>
               </div>
             </div>
 
@@ -388,6 +402,8 @@ function formDataFactory () {
   return {
     folder: '',
     force: false,
+    enableGit: true,
+    gitCommitMessage: '',
     packageManager: undefined,
     selectedPreset: null,
     remotePreset: {
@@ -512,6 +528,8 @@ export default {
             input: {
               folder: this.formData.folder,
               force: this.formData.force,
+              enableGit: this.formData.enableGit,
+              gitCommitMessage: this.formData.gitCommitMessage,
               packageManager: this.formData.packageManager,
               preset: this.formData.selectedPreset,
               remote: this.formData.remotePreset.url,