chore: improve prettier config (#4154)

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -46,10 +46,11 @@ body:
     id: logs
     attributes:
       label: Logs
-      description: "Optional if provided reproduction. Please try not to insert an image but copy paste the log text.
+      description: |
+        Optional if provided reproduction. Please try not to insert an image but copy paste the log text.
 
-  1. Run `vite` or `vite build` with the `--debug` flag.
-  2. Provide the error log here."
+        1. Run `vite` or `vite build` with the `--debug` flag.
+        2. Provide the error log here.
       render: shell
   - type: checkboxes
     id: checkboxes

.github/renovate.json5

@@ -1,9 +1,5 @@
 {
-  "extends": [
-    "config:base",
-    "schedule:weekly",
-    "group:allNonMajor"
-  ],
+  "extends": ["config:base", "schedule:weekly", "group:allNonMajor"],
   "labels": ["dependencies"],
   "ignorePaths": [
     "packages/playground/**",

.github/workflows/ci.yml

@@ -25,7 +25,7 @@ jobs:
             node_version: 14
       fail-fast: false
 
-    name: 'Build&Test: node-${{ matrix.node_version }}, ${{ matrix.os }}'
+    name: "Build&Test: node-${{ matrix.node_version }}, ${{ matrix.os }}"
     steps:
       - name: Checkout
         uses: actions/checkout@v2
@@ -68,7 +68,7 @@ jobs:
 
   lint:
     runs-on: ubuntu-latest
-    name: 'Lint: node-14, ubuntu-latest'
+    name: "Lint: node-14, ubuntu-latest"
     steps:
       - uses: actions/checkout@v2
         with:

.github/workflows/issue-close-require.yml

@@ -2,7 +2,7 @@ name: Issue Close Require
 
 on:
   schedule:
-    - cron: '0 0 * * *'
+    - cron: "0 0 * * *"
 
 jobs:
   close-issues:
@@ -11,7 +11,7 @@ jobs:
       - name: need reproduction
         uses: actions-cool/issues-helper@v2.2.1
         with:
-          actions: 'close-issues'
+          actions: "close-issues"
           token: ${{ secrets.GITHUB_TOKEN }}
-          labels: 'need reproduction'
+          labels: "need reproduction"
           inactive-day: 3

.github/workflows/issue-labeled.yml

@@ -12,29 +12,29 @@ jobs:
         if: github.event.label.name == 'contribution welcome' || github.event.label.name == 'help wanted'
         uses: actions-cool/issues-helper@v2.2.1
         with:
-          actions: 'create-comment, remove-labels'
+          actions: "create-comment, remove-labels"
           token: ${{ secrets.GITHUB_TOKEN }}
           issue-number: ${{ github.event.issue.number }}
           body: |
             Hello @${{ github.event.issue.user.login }}. We totally like your proposal/feedback, welcome to send us a Pull Request for it. Please provide changelog/TypeScript/documentation/test cases if needed and make sure CI passed, we will review it soon. We appreciate your effort in advance and looking forward to your contribution!
-          labels: 'pending triage, need reproduction'
+          labels: "pending triage, need reproduction"
 
       - name: remove pending
         if: github.event.label.name == 'enhancement' || github.event.label.name == 'bug' || (contains(github.event.label.name, 'pending triage') == false && startsWith(github.event.label.name, 'bug:') == true)
         uses: actions-cool/issues-helper@v2.2.1
         with:
-          actions: 'remove-labels'
+          actions: "remove-labels"
           token: ${{ secrets.GITHUB_TOKEN }}
           issue-number: ${{ github.event.issue.number }}
-          labels: 'pending triage'
+          labels: "pending triage"
 
       - name: need reproduction
         if: github.event.label.name == 'need reproduction'
         uses: actions-cool/issues-helper@v2.2.1
         with:
-          actions: 'create-comment, remove-labels'
+          actions: "create-comment, remove-labels"
           token: ${{ secrets.GITHUB_TOKEN }}
           issue-number: ${{ github.event.issue.number }}
           body: |
             Hello @${{ github.event.issue.user.login }}. Please provide a online reproduction by [codesandbox](https://codesandbox.io/) or a minimal GitHub repository. Issues labeled by `need reproduction` will be closed if no activities in 3 days.
-          labels: 'pending triage'
+          labels: "pending triage"

.prettierignore

@@ -3,4 +3,5 @@ packages/vite/dist/
 packages/plugin-vue/dist/
 packages/*/CHANGELOG.md
 LICENSE.md
-.prettierrc
+.prettierignore
+yarn.lock

.prettierrc.json

@@ -0,0 +1,22 @@
+{
+  "semi": false,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "printWidth": 80,
+  "trailingComma": "none",
+  "overrides": [
+    {
+      "files": ["*.json5"],
+      "options": {
+        "singleQuote": false,
+        "quoteProps": "preserve"
+      }
+    },
+    {
+      "files": ["*.yml"],
+      "options": {
+        "singleQuote": false
+      }
+    }
+  ]
+}

docs/.vitepress/theme/sponsors.css

@@ -33,4 +33,4 @@
 /* special cases */
 #sponsor-mux {
   padding: 5px 0;
-}
+}

docs/config/index.md

@@ -518,9 +518,7 @@ createServer()
     server: {
       fs: {
         // Allow serving files from one level up to the project root
-        allow: [
-          '..'
-        ]
+        allow: ['..']
       }
     }
   }

docs/guide/api-hmr.md

@@ -115,10 +115,10 @@ For now, calling `import.meta.hot.invalidate()` simply reloads the page.
 Listen to an HMR event.
 
 The following HMR events are dispatched by Vite automatically:
+
 - `'vite:beforeUpdate'` when an update is about to be applied (e.g. a module will be replaced)
 - `'vite:beforeFullReload'` when a full reload is about to occur
 - `'vite:beforePrune'` when modules that are no longer needed are about to be pruned
 - `'vite:error'` when an error occurs (e.g. syntax error)
 
 Custom HMR events can also be sent from plugins. See [handleHotUpdate](./api-plugin#handlehotupdate) for more details.
-

docs/guide/static-deploy.md

@@ -273,10 +273,10 @@ You can quickly deploy your Vite app with Microsoft Azure [Static Web Apps](http
 
 - An Azure account and a subscription key. You can create a [free Azure account here](https://azure.microsoft.com/free).
 - Your app code pushed to [GitHub](https://github.com).
-- The [SWA Extension](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurestaticwebapps) in [Visual Studio Code](https://code.visualstudio.com). 
+- The [SWA Extension](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurestaticwebapps) in [Visual Studio Code](https://code.visualstudio.com).
 
-Install the extension in VS Code and navigate to your app root. Open the Static Web Apps extension, sign in to Azure, and click the '+' sign to create a new Static Web App. You will be prompted to designate which subscription key to use. 
+Install the extension in VS Code and navigate to your app root. Open the Static Web Apps extension, sign in to Azure, and click the '+' sign to create a new Static Web App. You will be prompted to designate which subscription key to use.
 
-Follow the wizard started by the extension to give your app a name, choose a framework preset, and designate the app root (usually `/`) and built file location `/dist`. The wizard will run and will create a GitHub action in your repo in a `.github` folder. 
+Follow the wizard started by the extension to give your app a name, choose a framework preset, and designate the app root (usually `/`) and built file location `/dist`. The wizard will run and will create a GitHub action in your repo in a `.github` folder.
 
-The action will work to deploy your app (watch its progress in your repo's Actions tab) and, when successfully completed, you can view your app in the address provided in the extension's progress window by clicking the 'Browse Website' button that appears when the GitHub action has run.   
+The action will work to deploy your app (watch its progress in your repo's Actions tab) and, when successfully completed, you can view your app in the address provided in the extension's progress window by clicking the 'Browse Website' button that appears when the GitHub action has run.

package.json

@@ -9,6 +9,7 @@
     "node": ">=12.0.0"
   },
   "scripts": {
+    "format": "prettier --write .",
     "lint": "eslint --ext .js,.ts packages/*/src/**",
     "test": "run-s test-serve test-build",
     "test-serve": "jest",

packages/create-app/template-lit-element-ts/package.json

@@ -21,4 +21,4 @@
     "vite": "^2.4.0",
     "typescript": "^4.3.2"
   }
-}
+}

packages/create-app/template-lit-element/package.json

@@ -18,4 +18,4 @@
   "devDependencies": {
     "vite": "^2.4.0"
   }
-}
+}

packages/create-app/template-preact-ts/package.json

@@ -14,4 +14,4 @@
     "typescript": "^4.3.2",
     "vite": "^2.4.0"
   }
-}
+}

packages/create-app/template-preact/package.json

@@ -13,4 +13,4 @@
     "@preact/preset-vite": "^2.0.0",
     "vite": "^2.4.0"
   }
-}
+}

packages/create-app/template-react-ts/package.json

@@ -17,4 +17,4 @@
     "typescript": "^4.3.2",
     "vite": "^2.4.0"
   }
-}
+}

packages/create-app/template-react/package.json

@@ -14,4 +14,4 @@
     "@vitejs/plugin-react-refresh": "^1.3.1",
     "vite": "^2.4.0"
   }
-}
+}

packages/create-app/template-svelte-ts/package.json

@@ -18,4 +18,4 @@
     "typescript": "^4.3.2",
     "vite": "^2.4.0"
   }
-}
+}

packages/create-app/template-svelte/package.json

@@ -12,4 +12,4 @@
     "svelte": "^3.37.0",
     "vite": "^2.4.0"
   }
-}
+}

packages/create-app/template-vanilla-ts/package.json

@@ -10,4 +10,4 @@
     "typescript": "^4.3.2",
     "vite": "^2.4.0"
   }
-}
+}

packages/create-app/template-vanilla/package.json

@@ -9,4 +9,4 @@
   "devDependencies": {
     "vite": "^2.4.0"
   }
-}
+}

packages/create-app/template-vue-ts/package.json

@@ -16,4 +16,4 @@
     "vite": "^2.4.0",
     "vue-tsc": "^0.0.24"
   }
-}
+}

packages/create-app/template-vue/package.json

@@ -14,4 +14,4 @@
     "@vue/compiler-sfc": "^3.0.5",
     "vite": "^2.4.0"
   }
-}
+}

packages/create-app/template-vue/src/components/HelloWorld.vue

@@ -9,7 +9,9 @@
     <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Documentation</a>
   </p>
 
-  <button type="button" @click="state.count++">count is: {{ state.count }}</button>
+  <button type="button" @click="state.count++">
+    count is: {{ state.count }}
+  </button>
   <p>
     Edit
     <code>components/HelloWorld.vue</code> to test hot module replacement.

packages/playground/css/glob-dep.css

@@ -1 +1 @@
-@test;
+@test;

packages/playground/css/glob-dep/bar.css

@@ -1,3 +1,3 @@
 .dir-dep-2 {
   color: grey;
-}
+}

packages/playground/css/glob-dep/foo.css

@@ -1,3 +1,3 @@
 .dir-dep {
   color: grey;
-}
+}

packages/playground/css/imported.css

@@ -20,5 +20,6 @@ pre {
 
 /* test url comma separation */
 .url-separated {
+  /* prettier-ignore */
   background-image:url(images/cat.webp),url(images/dog.webp);
-}
+}

packages/playground/css/sass.scss

@@ -3,7 +3,6 @@
 @import 'css-dep'; // package w/ sass entry points
 @import 'virtual-dep'; // virtual file added through importer
 
-
 .sass {
   /* injected via vite.config.js */
   color: $injectedColor;

packages/playground/vue/AsyncComponent.vue

@@ -11,5 +11,5 @@ const forAwaitTest = async (array): Promise<void> => {
     test += value
   }
 }
-await forAwaitTest([Promise.resolve('a'), Promise.resolve('b')]).catch(() => { })
+await forAwaitTest([Promise.resolve('a'), Promise.resolve('b')]).catch(() => {})
 </script>

packages/plugin-legacy/README.md

@@ -39,7 +39,7 @@ export default {
   plugins: [
     legacy({
       targets: ['ie >= 11'],
-      additionalLegacyPolyfills: ['regenerator-runtime/runtime']  
+      additionalLegacyPolyfills: ['regenerator-runtime/runtime']
     })
   ]
 }

packages/plugin-vue-jsx/index.js

@@ -91,11 +91,7 @@ function vueJsxPlugin(options = {}) {
       const filter = createFilter(include || /\.[jt]sx$/, exclude)
 
       if (filter(id)) {
-        const plugins = [
-          importMeta,
-          [jsx, babelPluginOptions],
-          ...babelPlugins
-        ]
+        const plugins = [importMeta, [jsx, babelPluginOptions], ...babelPlugins]
         if (id.endsWith('.tsx')) {
           plugins.push([
             require('@babel/plugin-transform-typescript'),