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

Author: voluntadpear

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": {

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({

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 {

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,