chore: update deps, fix lint

Author: so1ve

.vscode/extensions.json

@@ -1,5 +1,3 @@
 {
-  "recommendations": [
-    "dbaeumer.vscode-eslint"
-  ]
+  "recommendations": ["dbaeumer.vscode-eslint"]
 }

README.md

@@ -25,7 +25,9 @@ import UnpluginVue2 from "unplugin-vue2/vite";
 
 export default defineConfig({
   plugins: [
-    UnpluginVue2({/* options */}),
+    UnpluginVue2({
+      /* options */
+    }),
   ],
 });
 ```
@@ -41,7 +43,9 @@ import UnpluginVue2 from "unplugin-vue2/rollup";
 
 export default {
   plugins: [
-    UnpluginVue2({/* options */}),
+    UnpluginVue2({
+      /* options */
+    }),
     // other plugins
   ],
 };
@@ -58,7 +62,9 @@ export default {
 module.exports = {
   /* ... */
   plugins: [
-    require("unplugin-vue2/webpack")({/* options */}),
+    require("unplugin-vue2/webpack")({
+      /* options */
+    }),
   ],
 };
 ```
@@ -73,7 +79,9 @@ module.exports = {
 module.exports = {
   configureWebpack: {
     plugins: [
-      require("unplugin-vue2/webpack")({/* options */}),
+      require("unplugin-vue2/webpack")({
+        /* options */
+      }),
     ],
   },
 };
@@ -88,19 +96,27 @@ module.exports = {
 // quasar.conf.js [Vite]
 module.exports = {
   vitePlugins: [
-    ["unplugin-vue2/vite", {/* options */}],
+    [
+      "unplugin-vue2/vite",
+      {
+        /* options */
+      },
+    ],
   ],
 };
 ```
 
 ```ts
 // quasar.conf.js [Webpack]
 const UnpluginVue2Plugin = require("unplugin-vue2/webpack");
+
 module.exports = {
   build: {
     chainWebpack(chain) {
       chain.plugin("unplugin-vue2").use(
-        UnpluginVue2Plugin({/* options */}),
+        UnpluginVue2Plugin({
+          /* options */
+        }),
       );
     },
   },

package.json

@@ -1,7 +1,7 @@
 {
   "name": "unplugin-vue2",
   "version": "0.1.1",
-  "packageManager": "pnpm@7.32.3",
+  "packageManager": "pnpm@8.4.0",
   "author": "Ray <[email protected]> (@so1ve)",
   "description": "",
   "keywords": [
@@ -77,11 +77,11 @@
   },
   "scripts": {
     "build": "unbuild",
-    "stub": "unbuild --stub",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "prepublishOnly": "nr build",
     "release": "bumpp --commit --push --tag && pnpm publish",
+    "stub": "unbuild --stub",
     "test": "vitest",
     "typecheck": "tsc --noEmit"
   },
@@ -94,7 +94,7 @@
   "devDependencies": {
     "@antfu/ni": "^0.21.3",
     "@babel/types": "^7.21.4",
-    "@so1ve/eslint-config": "^0.69.1",
+    "@so1ve/eslint-config": "^0.78.6",
     "@types/fs-extra": "^9.0.13",
     "@types/node": "^18.15.11",
     "bumpp": "^9.1.0",

playground/App.vue

@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import ScriptSetup from "./ScriptSetup.vue";
-import TestBlockSrcImport from "./src-import/TestBlockSrcImport.vue";
-import TestScopedCss from "./css/TestScopedCss.vue";
 import TestCssModules from "./css/TestCssModules.vue";
+import TestCssVBind from "./css/TestCssVBind.vue";
 import TestEmptyCss from "./css/TestEmptyCss.vue";
+import TestScopedCss from "./css/TestScopedCss.vue";
 import TestCustomBlock from "./custom/TestCustomBlock.vue";
 import TestHmr from "./hmr/TestHmr.vue";
+import ScriptSetup from "./ScriptSetup.vue";
+import TestBlockSrcImport from "./src-import/TestBlockSrcImport.vue";
 import TestAssets from "./test-assets/TestAssets.vue";
-import TestES2020Features from "./TestES2020Features.vue";
 import TestComponent from "./test-component/TestComponent.vue";
-import TestCssVBind from "./css/TestCssVBind.vue";
+import TestES2020Features from "./TestES2020Features.vue";
 </script>
 
 <template>

playground/TestES2020Features.vue

@@ -31,19 +31,19 @@ export default Vue.extend({
     <h3>Nullish Coalescing and Optional Chaining</h3>
     <code>
       [nullish.a.b.c.d ?? 'not found']
-      <br>
-      //returns {{ nullish.a.d?.e ?? 'not found' }}
-      <br>
-      <br>
+      <br />
+      //returns {{ nullish.a.d?.e ?? "not found" }}
+      <br />
+      <br />
       [nullish.a.b.c ?? 'not found']
-      <br>
-      //returns {{ nullish.a.b.c ?? 'not found' }}
+      <br />
+      //returns {{ nullish.a.b.c ?? "not found" }}
     </code>
     <h3>Spread Operator</h3>
     <code>
       ["Test", 1, ...('abc').split('')]
-      <br>
-      //returns {{ ['Test', 1, ...'abc'.split('')] }}
+      <br />
+      //returns {{ ["Test", 1, ..."abc".split("")] }}
     </code>
   </div>
 </template>

playground/css/TestCssVBind.vue

@@ -7,10 +7,9 @@ const color = ref("red");
 <template>
   <div>
     <h2>CSS v-bind</h2>
-    <span
-      class="css-v-bind"
-      @click="color = color === 'red' ? 'green' : 'red'"
-    >This should be {{ color }}</span>
+    <span class="css-v-bind" @click="color = color === 'red' ? 'green' : 'red'">
+      This should be {{ color }}
+    </span>
   </div>
 </template>
 

playground/css/TestEmptyCss.vue

@@ -1,9 +1,7 @@
 <template>
   <div>
     <h2>Empty CSS</h2>
-    <div>
-      &lt;style&gt;: empty style
-    </div>
+    <div>&lt;style&gt;: empty style</div>
   </div>
 </template>
 

playground/index.html

@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html lang="en">
     <head>
-        <meta charset="UTF-8">
-        <link rel="icon" href="/favicon.ico">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta charset="UTF-8" />
+        <link rel="icon" href="/favicon.ico" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Vite App</title>
     </head>
     <body>

playground/main.js

@@ -3,5 +3,5 @@ import Vue from "vue";
 import App from "./App.vue";
 
 new Vue({
-  render: h => h(App),
+  render: (h) => h(App),
 }).$mount("#app");

playground/package.json

@@ -4,8 +4,8 @@
   "version": "1.0.0",
   "description": "",
   "scripts": {
-    "dev": "vite",
     "build": "vite build",
+    "dev": "vite",
     "serve": "vite preview"
   }
 }