style: format files

Author: haoqunjiang

.prettierignore

@@ -0,0 +1,6 @@
+pnpm-lock.yaml
+
+# prettier doesn't respect newlines between chained methods
+# https://github.com/prettier/prettier/issues/7884
+**/*.spec.js
+**/*.spec.ts

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "semi": false,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "printWidth": 80,
+  "trailingComma": "none"
+}

README.md

@@ -1,2 +1,3 @@
 # create-vue
+
 An easy way to start a Vue project

index.js

@@ -34,7 +34,7 @@ function canSafelyOverwrite(dir) {
   return !fs.existsSync(dir) || fs.readdirSync(dir).length === 0
 }
 
-function emptyDir (dir) {
+function emptyDir(dir) {
   postOrderDirectoryTraverse(
     dir,
     (dir) => fs.rmdirSync(dir),
@@ -45,7 +45,7 @@ function emptyDir (dir) {
 async function init() {
   const cwd = process.cwd()
   const argv = minimist(process.argv.slice(2))
-  
+
   let targetDir = argv._[0]
   const defaultProjectName = !targetDir ? 'vue-project' : targetDir
 
@@ -62,71 +62,77 @@ async function init() {
     // - Project language: JavaScript / TypeScript
     // - Install Vue Router & Vuex for SPA development?
     // - Add Cypress for testing?
-    result = await prompts([
-      {
-        name: 'projectName',
-        type: targetDir ? null : 'text',
-        message: 'Project name:',
-        initial: defaultProjectName,
-        onState: (state) =>
-          (targetDir = String(state.value).trim() || defaultProjectName)
-      },
-      {
-        name: 'shouldOverwrite',
-        type: () => canSafelyOverwrite(targetDir) ? null : 'confirm',
-        message: () => {
-          const dirForPrompt = targetDir === '.'
-            ? 'Current directory'
-            : `Target directory "${targetDir}"`
-
-          return `${dirForPrompt} is not empty. Remove existing files and continue?`
-        }
-      },
-      {
-        name: 'overwriteChecker',
-        type: (prev, values = {}) => {
-          if (values.shouldOverwrite === false) {
-            throw new Error(red('✖') + ' Operation cancelled')
+    result = await prompts(
+      [
+        {
+          name: 'projectName',
+          type: targetDir ? null : 'text',
+          message: 'Project name:',
+          initial: defaultProjectName,
+          onState: (state) =>
+            (targetDir = String(state.value).trim() || defaultProjectName)
+        },
+        {
+          name: 'shouldOverwrite',
+          type: () => (canSafelyOverwrite(targetDir) ? null : 'confirm'),
+          message: () => {
+            const dirForPrompt =
+              targetDir === '.'
+                ? 'Current directory'
+                : `Target directory "${targetDir}"`
+
+            return `${dirForPrompt} is not empty. Remove existing files and continue?`
           }
-          return null
+        },
+        {
+          name: 'overwriteChecker',
+          type: (prev, values = {}) => {
+            if (values.shouldOverwrite === false) {
+              throw new Error(red('✖') + ' Operation cancelled')
+            }
+            return null
+          }
+        },
+        {
+          name: 'packageName',
+          type: () => (isValidPackageName(targetDir) ? null : 'text'),
+          message: 'Package name:',
+          initial: () => toValidPackageName(targetDir),
+          validate: (dir) =>
+            isValidPackageName(dir) || 'Invalid package.json name'
+        },
+        {
+          name: 'shouldUseTypeScript',
+          type: () => (isValidTemplate ? null : 'toggle'),
+          message: 'Add TypeScript?',
+          initial: false,
+          active: 'Yes',
+          inactive: 'No'
+        },
+        {
+          name: 'isSPA',
+          type: () => (isValidTemplate ? null : 'toggle'),
+          message:
+            'Add Vue Router & Vuex for Single Page Application development?',
+          initial: false,
+          active: 'Yes',
+          inactive: 'No'
+        },
+        {
+          name: 'shouldAddCypress',
+          type: () => (isValidTemplate ? null : 'toggle'),
+          message: 'Add Cypress for testing?',
+          initial: false,
+          active: 'Yes',
+          inactive: 'No'
         }
-      },
+      ],
       {
-        name: 'packageName',
-        type: () => (isValidPackageName(targetDir) ? null : 'text'),
-        message: 'Package name:',
-        initial: () => toValidPackageName(targetDir),
-        validate: (dir) => isValidPackageName(dir) || 'Invalid package.json name'
-      },
-      {
-        name: 'shouldUseTypeScript',
-        type: () => isValidTemplate ? null : 'toggle',
-        message: 'Add TypeScript?',
-        initial: false,
-        active: 'Yes',
-        inactive: 'No'
-      },
-      {
-        name: 'isSPA',
-        type: () => isValidTemplate ? null : 'toggle',
-        message: 'Add Vue Router & Vuex for Single Page Application development?',
-        initial: false,
-        active: 'Yes',
-        inactive: 'No'
-      },
-      {
-        name: 'shouldAddCypress',
-        type: () => isValidTemplate ? null : 'toggle',
-        message: 'Add Cypress for testing?',
-        initial: false,
-        active: 'Yes',
-        inactive: 'No'
-      }
-    ], {
-      onCancel: () => {
-        throw new Error(red('✖') + ' Operation cancelled')
+        onCancel: () => {
+          throw new Error(red('✖') + ' Operation cancelled')
+        }
       }
-    })
+    )
   } catch (cancelled) {
     console.log(cancelled.message)
     process.exit(1)
@@ -180,13 +186,17 @@ async function init() {
         if (filepath.endsWith('.js')) {
           fs.renameSync(filepath, filepath.replace(/\.js$/, '.ts'))
         } else if (path.basename(filepath) === 'jsconfig.json') {
-          fs.renameSync(filepath, filepath.replace(/jsconfig\.json$/, 'tsconfig.json'))
+          fs.renameSync(
+            filepath,
+            filepath.replace(/jsconfig\.json$/, 'tsconfig.json')
+          )
         }
       }
     )
   }
 
   // Render code template.
+  // prettier-ignore
   const codeTemplate =
     (shouldUseTypeScript ? 'typescript-' : '') +
     (isSPA ? 'spa' : 'default')
@@ -219,9 +229,9 @@ async function init() {
   const packageManager = /pnpm/.test(process.env.npm_execpath)
     ? 'pnpm'
     : /yarn/.test(process.env.npm_execpath)
-      ?'yarn'
-      : 'npm'
-  
+    ? 'yarn'
+    : 'npm'
+
   const commandsMap = {
     install: {
       pnpm: 'pnpm install',

package.json

@@ -16,6 +16,7 @@
     "node": "^12.13.0 || ^14.0.0 || >= 16.0.0"
   },
   "scripts": {
+    "format": "prettier --write .",
     "test": "echo \"Error: no test specified\" && exit 1",
     "prepublishOnly": "node snapshot.js"
   },

playground/default-ts-with-tests/package.json

@@ -27,4 +27,4 @@
     "typescript": "~4.3.5",
     "vue-tsc": "^0.2.2"
   }
-}
+}

playground/default-ts-with-tests/src/components/HelloWorld.vue

@@ -29,7 +29,7 @@
 import { ref } from 'vue'
 
 defineProps<{
-  msg: String,
+  msg: String
 }>()
 
 const count = ref(0)

playground/default-ts-with-tests/tsconfig.json

@@ -11,20 +11,11 @@
     "resolveJsonModule": true,
     "esModuleInterop": true,
     "paths": {
-      "@/*": [
-        "src/*"
-      ]
+      "@/*": ["src/*"]
     },
     "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
     "skipLibCheck": true
   },
-  "include": [
-    "vite.config.*",
-
-    "src/**/*",
-    "src/**/*.vue"
-  ],
-  "exclude": [
-    "src/**/__tests__/**"
-  ]
+  "include": ["vite.config.*", "src/**/*", "src/**/*.vue"],
+  "exclude": ["src/**/__tests__/**"]
 }

playground/default-ts-with-tests/vite.config.ts

@@ -7,7 +7,7 @@ export default defineConfig({
   plugins: [vue(), vueJsx()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname,
-    },
+      '@/': new URL('./src/', import.meta.url).pathname
+    }
   }
 })

playground/default-ts/package.json

@@ -19,4 +19,4 @@
     "typescript": "~4.3.5",
     "vue-tsc": "^0.2.2"
   }
-}
+}