From 2936079790fbfaec7940ea6a6959cddfb6c1de47 Mon Sep 17 00:00:00 2001
From: Rongjian Zhang <pd4d10@gmail.com>
Date: Mon, 28 Feb 2022 11:55:04 +0800
Subject: [PATCH] style: vue format

---
 package.json                |  4 ++--
 packages/bytemd/README.md   | 10 +++++-----
 packages/vue/src/editor.vue | 18 +++++++++---------
 packages/vue/src/viewer.vue | 36 ++++++++++++++++++------------------
 4 files changed, 34 insertions(+), 34 deletions(-)

diff --git a/package.json b/package.json
index 0e0c8be..909c6f8 100644
--- a/package.json
+++ b/package.json
@@ -8,8 +8,8 @@
     "test": "vitest",
     "postinstall": "node scripts/postinstall.mjs",
     "pub": "npm run build && lerna publish --yes",
-    "lint": "prettier --plugin-search-dir=. --ignore-path=.gitignore --list-different packages/**/*.{ts,tsx,js,svelte,json}",
-    "lint:fix": "prettier --plugin-search-dir=. --ignore-path=.gitignore --write packages/**/*.{ts,tsx,js,svelte,json}",
+    "lint": "prettier --plugin-search-dir=. --ignore-path=.gitignore --list-different packages/**/*.{ts,tsx,svelte,vue,json}",
+    "lint:fix": "prettier --plugin-search-dir=. --ignore-path=.gitignore --write packages/**/*.{ts,tsx,svelte,vue,json}",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:serve": "vitepress serve docs"
diff --git a/packages/bytemd/README.md b/packages/bytemd/README.md
index f565e71..46dd7d9 100644
--- a/packages/bytemd/README.md
+++ b/packages/bytemd/README.md
@@ -42,17 +42,17 @@ import 'bytemd/dist/index.min.css'
 
 ```svelte
 <script>
-  import { Editor, Viewer } from 'bytemd';
-  import gfm from '@bytemd/plugin-gfm';
+  import { Editor, Viewer } from 'bytemd'
+  import gfm from '@bytemd/plugin-gfm'
 
-  let value;
+  let value
   const plugins = [
     gfm(),
     // Add more plugins here
-  ];
+  ]
 
   function handleChange(e) {
-    value = e.detail.value;
+    value = e.detail.value
   }
 </script>
 
diff --git a/packages/vue/src/editor.vue b/packages/vue/src/editor.vue
index 4247c88..a12650b 100644
--- a/packages/vue/src/editor.vue
+++ b/packages/vue/src/editor.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import * as bytemd from 'bytemd';
+import * as bytemd from 'bytemd'
 
 export default {
   props: {
@@ -22,26 +22,26 @@ export default {
     const editor = new bytemd.Editor({
       target: this.$el,
       props: this.$props,
-    });
+    })
     editor.$on('change', (e) => {
-      this.$emit('change', e.detail.value);
-    });
-    this.editor = editor;
+      this.$emit('change', e.detail.value)
+    })
+    this.editor = editor
   },
   watch: {
     $props: {
       handler(newValue, oldValue) {
         // TODO:
-        const copy = { ...newValue };
+        const copy = { ...newValue }
         for (let k in copy) {
           if (copy[k] === undefined) {
-            delete copy[k];
+            delete copy[k]
           }
         }
-        this.editor.$set(copy);
+        this.editor.$set(copy)
       },
       deep: true,
     },
   },
-};
+}
 </script>
diff --git a/packages/vue/src/viewer.vue b/packages/vue/src/viewer.vue
index 4792783..e9a6ccf 100644
--- a/packages/vue/src/viewer.vue
+++ b/packages/vue/src/viewer.vue
@@ -3,38 +3,38 @@
 </template>
 
 <script>
-import { getProcessor } from 'bytemd';
+import { getProcessor } from 'bytemd'
 
 export default {
   props: ['value', 'plugins', 'sanitize'],
   computed: {
     file() {
       try {
-        return getProcessor(this.$props).processSync(this.value);
+        return getProcessor(this.$props).processSync(this.value)
       } catch (err) {
-        console.error(err);
+        console.error(err)
       }
     },
     needUpdate() {
-      return [this.file, this.plugins, this.sanitize];
+      return [this.file, this.plugins, this.sanitize]
     },
   },
   watch: {
     needUpdate: {
       handler(val) {
-        this.off();
+        this.off()
         this.$nextTick(() => {
-          this.on();
-        });
+          this.on()
+        })
       },
       deep: true,
     },
   },
   mounted() {
-    this.on();
+    this.on()
   },
   beforeDestroy() {
-    this.off();
+    this.off()
   },
   methods: {
     on() {
@@ -43,24 +43,24 @@ export default {
           ({ viewerEffect }) =>
             viewerEffect &&
             viewerEffect({ markdownBody: this.$el, file: this.file })
-        );
+        )
       }
     },
     off() {
       if (this.cbs) {
-        this.cbs.forEach((cb) => cb && cb());
+        this.cbs.forEach((cb) => cb && cb())
       }
     },
     handleClick(e) {
-      const $ = e.target;
-      if ($.tagName !== 'A') return;
+      const $ = e.target
+      if ($.tagName !== 'A') return
 
-      const href = $.getAttribute('href');
-      if (!href || !href.startsWith('#')) return;
+      const href = $.getAttribute('href')
+      if (!href || !href.startsWith('#')) return
 
-      const dest = this.$el.querySelector('#user-content-' + href.slice(1));
-      if (dest) dest.scrollIntoView();
+      const dest = this.$el.querySelector('#user-content-' + href.slice(1))
+      if (dest) dest.scrollIntoView()
     },
   },
-};
+}
 </script>