feat: Allow git commit message through UI

Author: voluntadpear

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

@@ -191,7 +191,9 @@
             },
             "options": {
               "label": "Additional options",
-              "description": "Overwrite target folder if it exists"
+              "description": "Overwrite target folder if it exists",
+              "git": "Use custom first initial commit message or skip git initialization",
+              "gitPlaceholder": "Initial commit message (optional)"
             }
           },
           "buttons": {

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

@@ -281,6 +281,16 @@ async function create (input, context) {
       answers.useConfigFiles = 'files'
     }
 
+    const cliOptions = {git: true}
+    // Git
+    if (input.skipGit) {
+      if (!input.gitCommit) {
+        cliOptions.git = 'false'
+      } else {
+        cliOptions.git = input.gitCommit
+      }
+    }
+
     // Preset
     answers.preset = input.preset
     if (input.save) {
@@ -306,7 +316,7 @@ async function create (input, context) {
     })
 
     // Create
-    await creator.create({ git: true }, preset)
+    await creator.create(cliOptions, 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
+  skipGit: Boolean!
+  gitCommit: String
 }
 
 input ProjectImportInput {

packages/@vue/cli-ui/src/views/ProjectCreate.vue

@@ -82,6 +82,17 @@
                   >
                     {{ $t('views.project-create.tabs.details.form.options.description') }}
                   </VueSwitch>
+                  <VueSwitch
+                    v-model="formData.git"
+                    class="extend-left git"
+                  >
+                    {{ $t('views.project-create.tabs.details.form.options.git') }}
+                  </VueSwitch>
+                  <VueInput
+                    v-model="formData.gitCommitMessage"
+                    v-show="formData.git"
+                    :placeholder="$t('views.project-create.tabs.details.form.options.gitPlaceholder')"
+                  />
                 </VueFormField>
               </div>
             </div>
@@ -388,6 +399,8 @@ function formDataFactory () {
   return {
     folder: '',
     force: false,
+    git: false,
+    gitCommitMessage: '',
     packageManager: undefined,
     selectedPreset: null,
     remotePreset: {
@@ -512,6 +525,8 @@ export default {
             input: {
               folder: this.formData.folder,
               force: this.formData.force,
+              skipGit: this.formData.git,
+              gitCommit: this.formData.gitCommitMessage,
               packageManager: this.formData.packageManager,
               preset: this.formData.selectedPreset,
               remote: this.formData.remotePreset.url,