chore(lint): resolve parsing error

Author: selemondev

.github/workflows/ci.yml

@@ -27,7 +27,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: lts/*
-          cache: 'pnpm'
+          cache: pnpm
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
@@ -57,10 +57,10 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node }}
-          cache: 'pnpm'
+          cache: pnpm
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
 
       - name: Build
-        run: pnpm build:package
+        run: pnpm build:package

.github/workflows/release.yml

@@ -23,7 +23,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: lts/*
-          cache: 'pnpm'
+          cache: pnpm
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
@@ -45,4 +45,4 @@ jobs:
       - name: Publish to npm
         run: pnpm publish --access public --no-git-checks
         env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

README.md

@@ -44,10 +44,10 @@ deno install @selemondev/vue3-signature-pad
 
 ## Usage
 
-```ts
+```vue
 <script setup lang="ts">
-import { VueSignaturePad } from "@selemondev/vue3-signature-pad"
-import { onMounted, ref } from "vue";
+import { VueSignaturePad } from '@selemondev/vue3-signature-pad'
+import { onMounted, ref } from 'vue'
 
 const state = ref({
   options: {
@@ -69,61 +69,73 @@ const colors = [
   {
     color: 'rgb(255, 85, 51)'
   }
-];
+]
 
-const activeColor = ref();
+const activeColor = ref()
 
-const signature = ref();
+const signature = ref()
 
-const handleSave = (format?: string) => {
+function handleSave(format?: string) {
   return alert(signature.value.saveSignature(format))
-};
-const handleClear = () => {
+}
+function handleClear() {
   return signature.value.clearCanvas()
-};
-const handleUndo = () => {
+}
+function handleUndo() {
   return signature.value.undo()
-};
-
-const handleDisabled = () => {
-    return state.value.disabled = !state.value.disabled;
-};
-
-const handleFromDataURL = (url: string) => {
-  return signature.value.fromDataURL(url);
-};
-
-const handleAddWaterMark = () => {
-    return signature.value.addWaterMark({
-    text: "Selemondev",          // watermark text, > default ''
-    font: "20px Arial",         // mark font, > default '20px sans-serif'
-    style: 'all',               // fillText and strokeText,  'all'/'stroke'/'fill', > default 'fill
-    fillStyle: "red",           // fillcolor, > default '#333'
-    strokeStyle: "blue",      // strokecolor, > default '#333'
-    x: 100,                     // fill positionX, > default 20
-    y: 200,                     // fill positionY, > default 20
-    sx: 100,                    // stroke positionX, > default 40
-    sy: 200                     // stroke positionY, > default 40
-  });
+}
+
+function handleDisabled() {
+  return state.value.disabled = !state.value.disabled
+}
+
+function handleFromDataURL(url: string) {
+  return signature.value.fromDataURL(url)
+}
+
+function handleAddWaterMark() {
+  return signature.value.addWaterMark({
+    text: 'Selemondev', // watermark text, > default ''
+    font: '20px Arial', // mark font, > default '20px sans-serif'
+    style: 'all', // fillText and strokeText,  'all'/'stroke'/'fill', > default 'fill
+    fillStyle: 'red', // fillcolor, > default '#333'
+    strokeStyle: 'blue', // strokecolor, > default '#333'
+    x: 100, // fill positionX, > default 20
+    y: 200, // fill positionY, > default 20
+    sx: 100, // stroke positionX, > default 40
+    sy: 200 // stroke positionY, > default 40
+  })
 }
 </script>
 
 <template>
   <div class="grid place-items-center w-full min-h-screen">
     <div class="flex flex-col items-center space-y-4">
       <div class="bg-gray-100 p-6">
-        <VueSignaturePad ref="signature" height="400px" width="1280px" :maxWidth="2" :minWidth="2"
-        :disabled="state.disabled" />
+        <VueSignaturePad
+          ref="signature" height="400px" width="1280px" :max-width="2" :min-width="2"
+          :disabled="state.disabled"
+        />
       </div>
 
-      <button type="button" @click="handleSave('image/jpeg')">Save</button>
-       <button type="button" @click="handleClear">Clear</button>
-       <button type="button" @click="handleUndo">Undo</button>
-       <button type="button" @click="handleDisabled">Disabled</button>
-       <button type="button" @click="handleFromDataURL('https://github.com/selemondev.png')">
-       FromData URL
-       </button>
-       <button type="button" @click="handleAddWaterMark">Add watermark</button>
+      <button type="button" @click="handleSave('image/jpeg')">
+        Save
+      </button>
+      <button type="button" @click="handleClear">
+        Clear
+      </button>
+      <button type="button" @click="handleUndo">
+        Undo
+      </button>
+      <button type="button" @click="handleDisabled">
+        Disabled
+      </button>
+      <button type="button" @click="handleFromDataURL('https://github.com/selemondev.png')">
+        FromData URL
+      </button>
+      <button type="button" @click="handleAddWaterMark">
+        Add watermark
+      </button>
     </div>
   </div>
 </template>

eslint.config.js

@@ -1,3 +1,7 @@
 import antfu from '@antfu/eslint-config'
 
-export default antfu()
+export default antfu({
+  rules: {
+    'style/no-tabs': 'off',
+  },
+})

package.json

@@ -14,6 +14,7 @@
   "bugs": {
     "url": "https://github.com/selemondev/vue3-signature-pad/issues"
   },
+  "sideEffects": false,
   "exports": {
     ".": "./dist/index.js",
     "./package.json": "./package.json"
@@ -34,7 +35,6 @@
     "generate:release": "pnpx changelogen@latest --release && npm publish",
     "prepublishOnly": "pnpm build"
   },
-  "sideEffects": false,
   "peerDependencies": {
     "vue": "^3.2.0"
   },