diff --git a/.eslintrc.json b/.eslintrc.json
index 77f68075..2d199c13 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -3,30 +3,33 @@
   "env": {
     "node": true
   },
-  "extends": [
-    "plugin:vue/essential",
-    "@vue/standard",
-    "@vue/typescript"
-  ],
+  "extends": ["plugin:vue/essential", "@vue/standard", "@vue/typescript"],
   "rules": {
     "comma-dangle": ["error", "only-multiline"],
     "semi": ["error", "always"],
-    "indent": ["error", 2, {
-      "SwitchCase": 1,
-      "VariableDeclarator": {
-        "var": 2,
-        "let": 2,
-        "const": 3
+    "indent": [
+      "error",
+      2,
+      {
+        "SwitchCase": 1,
+        "VariableDeclarator": {
+          "var": 2,
+          "let": 2,
+          "const": 3
+        }
       }
-    }],
+    ],
     "linebreak-style": ["error", "unix"],
     "quotes": ["error", "single"],
-    "no-multi-spaces": ["error", {
-      "exceptions": {
-        "VariableDeclarator": true
+    "no-multi-spaces": [
+      "error",
+      {
+        "exceptions": {
+          "VariableDeclarator": true
+        }
       }
-    }],
-    "space-before-function-paren": ["error", "always"],
+    ],
+    "space-before-function-paren": ["error", "never"],
     "no-unused-vars": "off",
     "camelcase": "off",
     "@typescript-eslint/no-unused-vars": "error"
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..1071f96e
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,8 @@
+{
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "useTabs": false,
+  "tabWidth": 2,
+  "semi": true
+}
diff --git a/.yarnrc b/.yarnrc
new file mode 100644
index 00000000..6c8b0a19
--- /dev/null
+++ b/.yarnrc
@@ -0,0 +1 @@
+registry "https://registry.yarnpkg.com"
\ No newline at end of file
diff --git a/examples/views/AllExtensions.vue b/examples/views/AllExtensions.vue
index 098ab256..e85f4f0a 100644
--- a/examples/views/AllExtensions.vue
+++ b/examples/views/AllExtensions.vue
@@ -1,9 +1,6 @@
 <template>
   <div class="el-tiptap-editor__wrapper">
-    <el-tiptap
-      :extensions="textExtensions"
-      content="Text Extensions"
-    />
+    <el-tiptap :extensions="textExtensions" content="Text Extensions" />
 
     <el-tiptap
       :extensions="paragraphExtensions"
@@ -70,7 +67,7 @@ import 'codemirror/addon/selection/active-line.js'; // require active-line.js
 import 'codemirror/addon/edit/closetag.js'; // autoCloseTags
 
 export default {
-  data () {
+  data() {
     return {
       textExtensions: [
         new Doc(),
diff --git a/examples/views/BubbleMenu.vue b/examples/views/BubbleMenu.vue
index 9003d428..9dd7550c 100644
--- a/examples/views/BubbleMenu.vue
+++ b/examples/views/BubbleMenu.vue
@@ -1,9 +1,6 @@
 <template>
   <div class="el-tiptap-editor__wrapper">
-    <el-tiptap
-      :extensions="extensions"
-      :content="content"
-    />
+    <el-tiptap :extensions="extensions" :content="content" />
   </div>
 </template>
 
@@ -36,7 +33,7 @@ import {
 } from 'element-tiptap';
 
 export default {
-  data () {
+  data() {
     return {
       extensions: [
         new Doc(),
@@ -65,7 +62,8 @@ export default {
         new History(),
       ],
 
-      content: '<h1>Bubble Menu</h1><p>Try to select some text here. There will popup a menu for some commands.</p><p>Pass a property <code>bubble: true</code> to extension is all you need to do.</p>',
+      content:
+        '<h1>Bubble Menu</h1><p>Try to select some text here. There will popup a menu for some commands.</p><p>Pass a property <code>bubble: true</code> to extension is all you need to do.</p>',
     };
   },
 };
diff --git a/examples/views/CustomMenubar.vue b/examples/views/CustomMenubar.vue
index 33b4cb03..eba4f04c 100644
--- a/examples/views/CustomMenubar.vue
+++ b/examples/views/CustomMenubar.vue
@@ -1,9 +1,6 @@
 <template>
   <div class="el-tiptap-editor__wrapper">
-    <el-tiptap
-      :extensions="extensions"
-      :content="content1"
-    >
+    <el-tiptap :extensions="extensions" :content="content1">
       <template #menubar="{ commands, isActive }">
         <div class="menubar">
           <el-button
@@ -23,10 +20,7 @@
       </template>
     </el-tiptap>
 
-    <el-tiptap
-      :extensions="extensions"
-      :content="content2"
-    />
+    <el-tiptap :extensions="extensions" :content="content2" />
   </div>
 </template>
 
@@ -54,7 +48,7 @@ import {
 } from 'element-tiptap';
 
 export default {
-  data () {
+  data() {
     return {
       extensions: [
         new Doc(),
@@ -78,8 +72,10 @@ export default {
         new TodoList(),
       ],
 
-      content1: '<p>You can customize the menubar (also bubble menu) with your design.</p>',
-      content2: '<p>The order in which you specify the extensions affects the order of the buttons.',
+      content1:
+        '<p>You can customize the menubar (also bubble menu) with your design.</p>',
+      content2:
+        '<p>The order in which you specify the extensions affects the order of the buttons.',
     };
   },
 };
diff --git a/examples/views/Event.vue b/examples/views/Event.vue
index 74a97a62..b4a53a30 100644
--- a/examples/views/Event.vue
+++ b/examples/views/Event.vue
@@ -41,7 +41,7 @@ import {
 } from 'element-tiptap';
 
 export default {
-  data () {
+  data() {
     return {
       extensions: [
         new Doc(),
@@ -66,46 +66,48 @@ export default {
       ],
 
       editorProperties: {
-        editorProps: { // https://prosemirror.net/docs/ref/#view.EditorProps
-          handleKeyDown () {
+        editorProps: {
+          // https://prosemirror.net/docs/ref/#view.EditorProps
+          handleKeyDown() {
             console.log('🚀EditorProps: Keydown');
           },
-          handleTextInput () {
+          handleTextInput() {
             console.log('🚀EditorProps: TextInput');
           },
         },
       },
 
-      content: '<p><img src="https://i.ibb.co/4pJs2Lx/undraw-static-assets-rpm6.png" width="300"></p><p>Open <strong>Console</strong>, your action on the editor will be logged.</p>',
+      content:
+        '<p><img src="https://i.ibb.co/4pJs2Lx/undraw-static-assets-rpm6.png" width="300"></p><p>Open <strong>Console</strong>, your action on the editor will be logged.</p>',
     };
   },
 
   methods: {
-    onInitEvent () {
+    onInitEvent() {
       console.log('🔥init');
     },
 
-    onTransactionEvent () {
+    onTransactionEvent() {
       console.log('🔥transaction');
     },
 
-    onFocusEvent () {
+    onFocusEvent() {
       console.log('🔥focus');
     },
 
-    onBlurEvent () {
+    onBlurEvent() {
       console.log('🔥blur');
     },
 
-    onPasteEvent () {
+    onPasteEvent() {
       console.log('🔥paste');
     },
 
-    onDropEvent () {
+    onDropEvent() {
       console.log('🔥drop');
     },
 
-    onUpdateEvent () {
+    onUpdateEvent() {
       console.log('🔥update');
     },
   },
diff --git a/examples/views/Output.vue b/examples/views/Output.vue
index f5cc68ae..d60bda1c 100644
--- a/examples/views/Output.vue
+++ b/examples/views/Output.vue
@@ -44,7 +44,7 @@ import {
 } from 'element-tiptap';
 
 export default {
-  data () {
+  data() {
     return {
       extensions: [
         new Doc(),
@@ -68,7 +68,8 @@ export default {
         new History(),
       ],
 
-      content: '<p>The <code>output</code> prop: <strong>HTML or JSON</strong></p>',
+      content:
+        '<p>The <code>output</code> prop: <strong>HTML or JSON</strong></p>',
 
       output: {
         json: 'Update content to see changes',
@@ -78,7 +79,7 @@ export default {
   },
 
   methods: {
-    onUpdate (output, options) {
+    onUpdate(output, options) {
       const { getJSON, getHTML } = options;
 
       this.output.json = getJSON();
diff --git a/examples/views/Placeholder.vue b/examples/views/Placeholder.vue
index 9f0b226f..0204d58a 100644
--- a/examples/views/Placeholder.vue
+++ b/examples/views/Placeholder.vue
@@ -23,7 +23,7 @@ import {
 } from 'element-tiptap';
 
 export default {
-  data () {
+  data() {
     return {
       extensions: [
         new Doc(),
diff --git a/examples/views/Readonly.vue b/examples/views/Readonly.vue
index 204ca378..3e28d834 100644
--- a/examples/views/Readonly.vue
+++ b/examples/views/Readonly.vue
@@ -1,10 +1,6 @@
 <template>
   <div class="el-tiptap-editor__wrapper">
-    <el-tiptap
-      :extensions="extensions"
-      :content="content"
-      :readonly="true"
-    />
+    <el-tiptap :extensions="extensions" :content="content" :readonly="true" />
   </div>
 </template>
 
@@ -28,7 +24,7 @@ import {
 } from 'element-tiptap';
 
 export default {
-  data () {
+  data() {
     return {
       extensions: [
         new Doc(),
@@ -48,7 +44,8 @@ export default {
         new History(),
       ],
 
-      content: '<p>I\' m non-editable now. 😰</p><p></p><p>pass prop <code>readonly: true</code> to the editor.</p>',
+      content:
+        '<p>I\' m non-editable now. 😰</p><p></p><p>pass prop <code>readonly: true</code> to the editor.</p>',
     };
   },
 };
diff --git a/examples/views/Simple.vue b/examples/views/Simple.vue
index 125c0221..f6458c1c 100644
--- a/examples/views/Simple.vue
+++ b/examples/views/Simple.vue
@@ -45,7 +45,7 @@ import 'codemirror/addon/selection/active-line.js'; // require active-line.js
 import 'codemirror/addon/edit/closetag.js'; // autoCloseTags
 
 export default {
-  data () {
+  data() {
     return {
       extensions: [
         new Doc(),
@@ -80,7 +80,8 @@ export default {
         new History(),
       ],
 
-      content: '<h2 style="text-align: center;">Welcome To Element Tiptap Editor Demo</h2><p>🔥 <strong>Element Tiptap Editor </strong>🔥is a WYSIWYG rich-text editor using&nbsp; <a href="https://github.com/scrumpy/tiptap" target="_blank" ref="nofollow noopener noreferrer">tiptap</a>&nbsp;and <a href="https://github.com/ElemeFE/element" target="_blank" ref="nofollow noopener noreferrer">element-ui</a>&nbsp;for Vue.js <img src="https://i.ibb.co/nbRN3S2/undraw-upload-87y9.png" alt="" title="" height="200" data-display="right"> that\'s easy to use, friendly to developers, fully extensible and clean in design.</p><p></p><p style="text-align: right;">👉Click on the image to get started image features 👉</p><p></p><p>You can switch to <strong>Code View </strong>💻 mode and toggle <strong>Fullscreen</strong> 📺 in this demo.</p><p></p><p><strong>Got questions or need help or feature request?</strong></p><p>🚀 <strong>welcome to submit an <a href="https://github.com/Leecason/element-tiptap/issues" target="_blank" ref="nofollow noopener noreferrer">issue</a></strong> 😊</p><p>I\'m continuously working to add in new features.</p><p></p><blockquote><p>This demo is simple, switch tab for more features.</p><p>All demos source code: <a href="https://github.com/Leecason/element-tiptap/blob/master/examples/views/Index.vue" target="_blank" ref="nofollow noopener noreferrer">source code 🔗</a></p></blockquote>',
+      content:
+        '<h2 style="text-align: center;">Welcome To Element Tiptap Editor Demo</h2><p>🔥 <strong>Element Tiptap Editor </strong>🔥is a WYSIWYG rich-text editor using&nbsp; <a href="https://github.com/scrumpy/tiptap" target="_blank" ref="nofollow noopener noreferrer">tiptap</a>&nbsp;and <a href="https://github.com/ElemeFE/element" target="_blank" ref="nofollow noopener noreferrer">element-ui</a>&nbsp;for Vue.js <img src="https://i.ibb.co/nbRN3S2/undraw-upload-87y9.png" alt="" title="" height="200" data-display="right"> that\'s easy to use, friendly to developers, fully extensible and clean in design.</p><p></p><p style="text-align: right;">👉Click on the image to get started image features 👉</p><p></p><p>You can switch to <strong>Code View </strong>💻 mode and toggle <strong>Fullscreen</strong> 📺 in this demo.</p><p></p><p><strong>Got questions or need help or feature request?</strong></p><p>🚀 <strong>welcome to submit an <a href="https://github.com/Leecason/element-tiptap/issues" target="_blank" ref="nofollow noopener noreferrer">issue</a></strong> 😊</p><p>I\'m continuously working to add in new features.</p><p></p><blockquote><p>This demo is simple, switch tab for more features.</p><p>All demos source code: <a href="https://github.com/Leecason/element-tiptap/blob/master/examples/views/Index.vue" target="_blank" ref="nofollow noopener noreferrer">source code 🔗</a></p></blockquote>',
     };
   },
 };
diff --git a/examples/views/Title.vue b/examples/views/Title.vue
index 83641f6a..edad2994 100644
--- a/examples/views/Title.vue
+++ b/examples/views/Title.vue
@@ -1,9 +1,6 @@
 <template>
   <div class="el-tiptap-editor__wrapper">
-    <el-tiptap
-      :extensions="extensions"
-      :content="content"
-    />
+    <el-tiptap :extensions="extensions" :content="content" />
   </div>
 </template>
 
@@ -27,7 +24,7 @@ import {
 } from 'element-tiptap';
 
 export default {
-  data () {
+  data() {
     return {
       extensions: [
         new Doc({ title: true }),
diff --git a/package.json b/package.json
index 9ebcfad9..c576cc3b 100644
--- a/package.json
+++ b/package.json
@@ -85,7 +85,8 @@
     "vue": "^2.0.0"
   },
   "resolutions": {
-    "prosemirror-model": "1.9.1"
+    "prosemirror-model": "1.9.1",
+    "prosemirror-tables": "1.0.0"
   },
   "bugs": {
     "url": "https://github.com/Leecason/element-tiptap/issues"
diff --git a/rollup.config.js b/rollup.config.js
index 55a806e5..bae1d9cb 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -37,7 +37,7 @@ export default () => [
   },
 ];
 
-function getConfig ({
+function getConfig({
   file,
   format,
 }) {
diff --git a/src/components/ElementTiptap.vue b/src/components/ElementTiptap.vue
index 45606439..3e98fd76 100644
--- a/src/components/ElementTiptap.vue
+++ b/src/components/ElementTiptap.vue
@@ -133,7 +133,7 @@ export default class ElTiptap extends Mixins(EditorStylesMixin, CodeViewMixin) {
   @Prop({
     type: String,
     default: 'html',
-    validator (output): boolean {
+    validator(output): boolean {
       return ['html', 'json'].includes(output);
     },
   })
@@ -207,21 +207,21 @@ export default class ElTiptap extends Mixins(EditorStylesMixin, CodeViewMixin) {
   emitAfterOnUpdate: boolean = false;
   isFullscreen: boolean = false;
 
-  @Provide() get et (): ElTiptap {
+  @Provide() get et(): ElTiptap {
     return this;
   };
 
-  get characters (): number {
+  get characters(): number {
     if (!this.editor) return 0;
 
     return this.editor.state.doc.textContent.length;
   }
 
-  get showFooter (): boolean {
+  get showFooter(): boolean {
     return this.charCounterCount && !this.isCodeViewMode;
   }
 
-  get spellcheckEnabled (): boolean {
+  get spellcheckEnabled(): boolean {
     return this.spellcheck == null
       ? this.$elementTiptapPlugin
         ? this.$elementTiptapPlugin.spellcheck
@@ -229,13 +229,13 @@ export default class ElTiptap extends Mixins(EditorStylesMixin, CodeViewMixin) {
       : this.spellcheck;
   }
 
-  get i18nHandler (): Function {
+  get i18nHandler(): Function {
     const lang = this.lang || this.$elementTiptapPlugin.lang;
     return Trans.buildI18nHandler(lang);
   }
 
   @Watch('content')
-  onContentChange (val: string): void {
+  onContentChange(val: string): void {
     if (this.emitAfterOnUpdate) {
       this.emitAfterOnUpdate = false;
       return;
@@ -245,7 +245,7 @@ export default class ElTiptap extends Mixins(EditorStylesMixin, CodeViewMixin) {
   }
 
   @Watch('readonly')
-  onReadonlyChange (): void {
+  onReadonlyChange(): void {
     if (this.editor) {
       this.editor.setOptions({
         editable: !this.readonly,
@@ -253,7 +253,7 @@ export default class ElTiptap extends Mixins(EditorStylesMixin, CodeViewMixin) {
     }
   }
 
-  private mounted () {
+  private mounted() {
     const extensions = this.generateExtensions();
 
     const eventOptions = COMMON_EMIT_EVENTS.reduce((prev, event) => {
@@ -278,11 +278,11 @@ export default class ElTiptap extends Mixins(EditorStylesMixin, CodeViewMixin) {
     });
   }
 
-  private beforeDestroy () {
+  private beforeDestroy() {
     if (this.editor) this.editor.destroy();
   }
 
-  private generateExtensions (): Array<Extension> {
+  private generateExtensions(): Array<Extension> {
     const extensions: Extension[] = [...this.extensions];
 
     // spellcheck
@@ -298,13 +298,13 @@ export default class ElTiptap extends Mixins(EditorStylesMixin, CodeViewMixin) {
     return extensions;
   }
 
-  emitEvent (event: EVENTS) {
+  emitEvent(event: EVENTS) {
     this.$emit(this.genEvent(event), {
       editor: this.editor,
     });
   }
 
-  onUpdate (options: EditorUpdateEvent) {
+  onUpdate(options: EditorUpdateEvent) {
     this.emitAfterOnUpdate = true;
 
     let output;
@@ -318,15 +318,15 @@ export default class ElTiptap extends Mixins(EditorStylesMixin, CodeViewMixin) {
   }
 
   // i18n
-  t (...args: any[]): string {
+  t(...args: any[]): string {
     return this.i18nHandler.apply(this, args);
   }
 
-  private genEvent (event: EVENTS) {
+  private genEvent(event: EVENTS) {
     return `on${capitalize(event)}`;
   }
 
-  private getTitleExtension (): Title | null {
+  private getTitleExtension(): Title | null {
     const doc = this.extensions.find(e => e.name === 'doc');
     if (doc.options.title) {
       const title = this.extensions.find(e => e.name === 'title');
@@ -335,7 +335,7 @@ export default class ElTiptap extends Mixins(EditorStylesMixin, CodeViewMixin) {
     return null;
   }
 
-  private initPlaceholderExtension (): Placeholder {
+  private initPlaceholderExtension(): Placeholder {
     const title = this.getTitleExtension();
     if (title) {
       // @ts-ignore
diff --git a/src/components/ExtensionViews/ImageView.vue b/src/components/ExtensionViews/ImageView.vue
index cb960963..edf00abd 100644
--- a/src/components/ExtensionViews/ImageView.vue
+++ b/src/components/ExtensionViews/ImageView.vue
@@ -147,30 +147,30 @@ export default class ImageView extends Vue {
     dir: '',
   };
 
-  private get src (): string {
+  private get src(): string {
     return this.node.attrs.src;
   }
 
-  private get width (): number {
+  private get width(): number {
     return this.node.attrs.width;
   }
 
-  private get height (): number {
+  private get height(): number {
     return this.node.attrs.height;
   }
 
-  private get display (): ImageDisplay {
+  private get display(): ImageDisplay {
     return this.node.attrs.display;
   }
 
-  private get imageViewClass () {
+  private get imageViewClass() {
     return [
       'image-view',
       `image-view--${this.display}`,
     ];
   }
 
-  private async created () {
+  private async created() {
     const result = await resolveImg(this.src);
 
     if (!result.complete) {
@@ -184,16 +184,16 @@ export default class ImageView extends Vue {
     };
   }
 
-  private mounted () {
+  private mounted() {
     this.resizeOb.observe(this.view.dom);
   }
 
-  private beforeDestroy () {
+  private beforeDestroy() {
     this.resizeOb.disconnect();
   }
 
   // https://github.com/scrumpy/tiptap/issues/361#issuecomment-540299541
-  private selectImage () {
+  private selectImage() {
     const { state } = this.view;
     let { tr } = state;
     const selection = NodeSelection.create(state.doc, this.getPos());
@@ -202,7 +202,7 @@ export default class ImageView extends Vue {
   }
 
   /* invoked when window or editor resize */
-  private getMaxSize () {
+  private getMaxSize() {
     const { width } = getComputedStyle(this.view.dom);
     this.maxSize.width = parseInt(width, 10);
   }
@@ -211,7 +211,7 @@ export default class ImageView extends Vue {
    * record the position where the event is triggered and resize direction
    * calculate the initial width and height of the image
    */
-  private onMouseDown (e: MouseEvent, dir: ResizeDirection): void {
+  private onMouseDown(e: MouseEvent, dir: ResizeDirection): void {
     e.preventDefault();
     e.stopPropagation();
 
@@ -247,7 +247,7 @@ export default class ImageView extends Vue {
     this.onEvents();
   }
 
-  private onMouseMove (e: MouseEvent): void {
+  private onMouseMove(e: MouseEvent): void {
     e.preventDefault();
     e.stopPropagation();
     if (!this.resizing) return;
@@ -263,7 +263,7 @@ export default class ImageView extends Vue {
     });
   }
 
-  private onMouseUp (e: MouseEvent): void {
+  private onMouseUp(e: MouseEvent): void {
     e.preventDefault();
     e.stopPropagation();
     if (!this.resizing) return;
@@ -282,12 +282,12 @@ export default class ImageView extends Vue {
     this.selectImage();
   }
 
-  private onEvents (): void {
+  private onEvents(): void {
     document.addEventListener('mousemove', this.onMouseMove, true);
     document.addEventListener('mouseup', this.onMouseUp, true);
   }
 
-  private offEvents (): void {
+  private offEvents(): void {
     document.removeEventListener('mousemove', this.onMouseMove, true);
     document.removeEventListener('mouseup', this.onMouseUp, true);
   }
diff --git a/src/components/ExtensionViews/TodoItemView.vue b/src/components/ExtensionViews/TodoItemView.vue
index 49b6f525..96f3ece2 100644
--- a/src/components/ExtensionViews/TodoItemView.vue
+++ b/src/components/ExtensionViews/TodoItemView.vue
@@ -51,17 +51,17 @@ export default class TodoItemView extends Vue {
   })
   readonly updateAttrs!: Function;
 
-  get done (): boolean {
+  get done(): boolean {
     return this.node.attrs.done;
   }
 
-  set done (done) {
+  set done(done) {
     this.updateAttrs({
       done,
     });
   }
 
-  private get todoItemStyle () {
+  private get todoItemStyle() {
     return {
       lineHeight: transformLineHeightToCSS(this.node.attrs.lineHeight),
     };
diff --git a/src/components/MenuBar/index.vue b/src/components/MenuBar/index.vue
index c66bc295..0745b799 100644
--- a/src/components/MenuBar/index.vue
+++ b/src/components/MenuBar/index.vue
@@ -38,7 +38,7 @@ export default class Menubar extends Vue {
 
   @Inject() readonly et!: any;
 
-  private generateCommandButtonComponentSpecs (editorContext: MenuData): MenuBtnViewType[] {
+  private generateCommandButtonComponentSpecs(editorContext: MenuData): MenuBtnViewType[] {
     const extensionManager = this.editor.extensions;
     return extensionManager.extensions.reduce <MenuBtnViewType[]>((acc, extension) => {
       if (extension.options.menubar === false) return acc;
diff --git a/src/components/MenuBubble/LinkBubbleMenu.vue b/src/components/MenuBubble/LinkBubbleMenu.vue
index c80e9260..bde84951 100644
--- a/src/components/MenuBubble/LinkBubbleMenu.vue
+++ b/src/components/MenuBubble/LinkBubbleMenu.vue
@@ -36,7 +36,7 @@ export default class LinkBubbleMenu extends Vue {
   })
   readonly editorContext!: MenuData;
 
-  private get linkAttrs () {
+  private get linkAttrs() {
     const { getMarkAttrs } = this.editorContext;
     const linkAttrs = getMarkAttrs('link');
     return linkAttrs;
diff --git a/src/components/MenuBubble/index.vue b/src/components/MenuBubble/index.vue
index ca9031ee..74e123bd 100644
--- a/src/components/MenuBubble/index.vue
+++ b/src/components/MenuBubble/index.vue
@@ -87,23 +87,23 @@ export default class MenuBubble extends Vue {
   activeMenu: MenuType = MenuType.NONE;
   isLinkBack: boolean = false;
 
-  private get bubbleMenuEnable (): boolean {
+  private get bubbleMenuEnable(): boolean {
     return this.linkMenuEnable || this.textMenuEnable;
   }
 
-  private get linkMenuEnable (): boolean {
+  private get linkMenuEnable(): boolean {
     const { schema } = this.editor;
     return !!schema.marks.link;
   }
 
-  private get textMenuEnable (): boolean {
+  private get textMenuEnable(): boolean {
     const extensionManager = this.editor.extensions;
     return extensionManager.extensions.some(extension => {
       return extension.options.bubble;
     });
   }
 
-  private get isLinkSelection (): boolean {
+  private get isLinkSelection(): boolean {
     const { state } = this.editor;
     const { tr } = state;
     const { selection } = tr;
@@ -111,13 +111,13 @@ export default class MenuBubble extends Vue {
     return this.$_isLinkSelection(selection);
   }
 
-  linkBack () {
+  linkBack() {
     this.setMenuType(MenuType.DEFAULT);
     this.isLinkBack = true;
   }
 
   @Watch('editor.state.selection')
-  onSelectionChange (selection: Selection) {
+  onSelectionChange(selection: Selection) {
     if (this.$_isLinkSelection(selection)) {
       if (!this.isLinkBack) {
         this.setMenuType(MenuType.LINK);
@@ -128,7 +128,7 @@ export default class MenuBubble extends Vue {
     }
   }
 
-  private generateCommandButtonComponentSpecs (editorContext: MenuData): MenuBtnViewType[] {
+  private generateCommandButtonComponentSpecs(editorContext: MenuData): MenuBtnViewType[] {
     const extensionManager = this.editor.extensions;
     return extensionManager.extensions.reduce <MenuBtnViewType[]>((acc, extension) => {
       if (!extension.options.bubble) return acc;
@@ -153,11 +153,11 @@ export default class MenuBubble extends Vue {
     }, []);
   }
 
-  setMenuType (type: MenuType) {
+  setMenuType(type: MenuType) {
     this.activeMenu = type;
   }
 
-  $_isLinkSelection (selection: Selection) {
+  $_isLinkSelection(selection: Selection) {
     const { schema } = this.editor;
     const linkType = schema.marks.link;
     if (!linkType) return false;
@@ -170,7 +170,7 @@ export default class MenuBubble extends Vue {
     return range.to === $to.pos;
   }
 
-  $_getCurrentMenuType (): MenuType {
+  $_getCurrentMenuType(): MenuType {
     if (this.isLinkSelection) return MenuType.LINK;
     if (this.editor.state.selection instanceof TextSelection ||
       this.editor.state.selection instanceof AllSelection) {
diff --git a/src/components/MenuCommands/CodeViewCommandButton.vue b/src/components/MenuCommands/CodeViewCommandButton.vue
index dfc34a10..a1d377b0 100644
--- a/src/components/MenuCommands/CodeViewCommandButton.vue
+++ b/src/components/MenuCommands/CodeViewCommandButton.vue
@@ -20,11 +20,11 @@ import CommandButton from './CommandButton.vue';
 export default class CodeViewCommandButton extends Vue {
   @Inject() readonly et!: any;
 
-  get isCodeViewMode (): boolean {
+  get isCodeViewMode(): boolean {
     return this.et.isCodeViewMode;
   }
 
-  set isCodeViewMode (val: boolean) {
+  set isCodeViewMode(val: boolean) {
     this.et.isCodeViewMode = val;
   }
 };
diff --git a/src/components/MenuCommands/ColorPopover.vue b/src/components/MenuCommands/ColorPopover.vue
index 6e91954b..d76ed11a 100644
--- a/src/components/MenuCommands/ColorPopover.vue
+++ b/src/components/MenuCommands/ColorPopover.vue
@@ -114,12 +114,12 @@ export default class ColorPopover extends Vue {
   @Watch('selectedColor', {
     immediate: true,
   })
-  onSelectedColorChange (color: string): void {
+  onSelectedColorChange(color: string): void {
     this.color = color;
   }
 
   @Emit('confirm')
-  confirmColor (color: string): string {
+  confirmColor(color: string): string {
     this.popoverVisible = false;
 
     return color;
diff --git a/src/components/MenuCommands/CommandButton.vue b/src/components/MenuCommands/CommandButton.vue
index 61a4550c..19bbed0d 100644
--- a/src/components/MenuCommands/CommandButton.vue
+++ b/src/components/MenuCommands/CommandButton.vue
@@ -109,7 +109,7 @@ export default class CommandButton extends Vue {
   })
   readonly readonly!: boolean;
 
-  private get commandButtonClass (): object {
+  private get commandButtonClass(): object {
     return {
       'el-tiptap-editor__command-button': true,
       'el-tiptap-editor__command-button--active': this.isActive,
@@ -117,7 +117,7 @@ export default class CommandButton extends Vue {
     };
   }
 
-  onClick () {
+  onClick() {
     if (!this.readonly) this.command();
   }
 }
diff --git a/src/components/MenuCommands/FontSizeDropdown.vue b/src/components/MenuCommands/FontSizeDropdown.vue
index 9605dcfa..682c457a 100644
--- a/src/components/MenuCommands/FontSizeDropdown.vue
+++ b/src/components/MenuCommands/FontSizeDropdown.vue
@@ -67,19 +67,19 @@ export default class FontSizeDropdown extends Vue {
 
   @Inject() readonly et!: any;
 
-  private get editor () {
+  private get editor() {
     return this.editorContext.editor;
   }
 
-  private get fontSizes () {
+  private get fontSizes() {
     return this.editor.extensions.options.font_size.fontSizes;
   }
 
-  private get activeFontSize (): string {
+  private get activeFontSize(): string {
     return findActiveFontSize(this.editor.state);
   }
 
-  private toggleFontSize (size: string) {
+  private toggleFontSize(size: string) {
     if (size === this.activeFontSize) {
       this.editorContext.commands.font_size(DEFAULT_FONT_SIZE);
     } else {
diff --git a/src/components/MenuCommands/FontTypeDropdown.vue b/src/components/MenuCommands/FontTypeDropdown.vue
index 78b26a51..db1c6875 100644
--- a/src/components/MenuCommands/FontTypeDropdown.vue
+++ b/src/components/MenuCommands/FontTypeDropdown.vue
@@ -59,11 +59,11 @@ export default class FontTypeDropdown extends Vue {
 
   @Inject() readonly et!: any;
 
-  private get editor () {
+  private get editor() {
     return this.editorContext.editor;
   }
 
-  private get fontTypes () {
+  private get fontTypes() {
     const { fontTypes } = this.editor.extensions.options.font_type;
 
     if (!isPlainObject(fontTypes)) {
@@ -74,11 +74,11 @@ export default class FontTypeDropdown extends Vue {
     return fontTypes;
   }
 
-  private get activeFontType (): string {
+  private get activeFontType(): string {
     return findActiveFontType(this.editor.state);
   }
 
-  private toggleFontType (name: string) {
+  private toggleFontType(name: string) {
     if (name === this.activeFontType) {
       this.editorContext.commands.font_type('');
     } else {
diff --git a/src/components/MenuCommands/FullscreenCommandButton.vue b/src/components/MenuCommands/FullscreenCommandButton.vue
index 39faa1a1..84067179 100644
--- a/src/components/MenuCommands/FullscreenCommandButton.vue
+++ b/src/components/MenuCommands/FullscreenCommandButton.vue
@@ -20,16 +20,16 @@ import CommandButton from './CommandButton.vue';
 export default class FullscreenCommandButton extends Vue {
   @Inject() readonly et!: any;
 
-  get isFullscreen (): boolean {
+  get isFullscreen(): boolean {
     return this.et.isFullscreen;
   }
 
-  set isFullscreen (val: boolean) {
+  set isFullscreen(val: boolean) {
     // eslint-disable-next-line no-debugger
     this.et.isFullscreen = val;
   }
 
-  private get buttonTooltip () {
+  private get buttonTooltip() {
     return this.isFullscreen
       ? this.et.t('editor.extensions.Fullscreen.tooltip.exit_fullscreen')
       : this.et.t('editor.extensions.Fullscreen.tooltip.fullscreen');
diff --git a/src/components/MenuCommands/HeadingDropdown.vue b/src/components/MenuCommands/HeadingDropdown.vue
index e05e650a..9ea938b8 100644
--- a/src/components/MenuCommands/HeadingDropdown.vue
+++ b/src/components/MenuCommands/HeadingDropdown.vue
@@ -71,15 +71,15 @@ export default class HeadingDropdown extends Vue {
 
   @Inject() readonly et!: any;
 
-  private get editor () {
+  private get editor() {
     return this.editorContext.editor;
   }
 
-  private get level () {
+  private get level() {
     return this.editor.extensions.options.heading.level;
   }
 
-  private isHeadingActive (level: number): boolean {
+  private isHeadingActive(level: number): boolean {
     return isHeadingActive(this.editor.state, level);
   }
 };
diff --git a/src/components/MenuCommands/IframeCommandButton.vue b/src/components/MenuCommands/IframeCommandButton.vue
index f0b8ec39..ccff2841 100644
--- a/src/components/MenuCommands/IframeCommandButton.vue
+++ b/src/components/MenuCommands/IframeCommandButton.vue
@@ -28,7 +28,7 @@ export default class IframeCommandButton extends Vue {
 
   @Inject() readonly et!: any;
 
-  openInsertVideoControl (): void {
+  openInsertVideoControl(): void {
     MessageBox.prompt('', this.et.t('editor.extensions.Iframe.control.title'), {
       confirmButtonText: this.et.t('editor.extensions.Iframe.control.confirm'),
       cancelButtonText: this.et.t('editor.extensions.Iframe.control.cancel'),
diff --git a/src/components/MenuCommands/Image/EditImageCommandButton.vue b/src/components/MenuCommands/Image/EditImageCommandButton.vue
index 412c0dc0..7fd07f92 100644
--- a/src/components/MenuCommands/Image/EditImageCommandButton.vue
+++ b/src/components/MenuCommands/Image/EditImageCommandButton.vue
@@ -116,11 +116,11 @@ export default class EditImageCommandButton extends Vue {
 
   imageAttrs = this.getImageAttrs();
 
-  private syncImageAttrs () {
+  private syncImageAttrs() {
     this.imageAttrs = this.getImageAttrs();
   }
 
-  private getImageAttrs () {
+  private getImageAttrs() {
     return {
       src: this.node.attrs.src,
       alt: this.node.attrs.alt,
@@ -129,7 +129,7 @@ export default class EditImageCommandButton extends Vue {
     };
   }
 
-  private updateImageAttrs () {
+  private updateImageAttrs() {
     let { width, height } = this.imageAttrs;
 
     // input converts it to string
@@ -145,11 +145,11 @@ export default class EditImageCommandButton extends Vue {
     this.closeEditImageDialog();
   }
 
-  private openEditImageDialog () {
+  private openEditImageDialog() {
     this.editImageDialogVisible = true;
   }
 
-  private closeEditImageDialog () {
+  private closeEditImageDialog() {
     this.editImageDialogVisible = false;
   }
 };
diff --git a/src/components/MenuCommands/Image/ImageDisplayCommandButton.vue b/src/components/MenuCommands/Image/ImageDisplayCommandButton.vue
index 3ea0a3cc..527289ef 100644
--- a/src/components/MenuCommands/Image/ImageDisplayCommandButton.vue
+++ b/src/components/MenuCommands/Image/ImageDisplayCommandButton.vue
@@ -66,11 +66,11 @@ export default class ImageDisplayCommandButton extends Vue {
     ImageDisplay.FLOAT_RIGHT,
   ];
 
-  private get currDisplay () {
+  private get currDisplay() {
     return this.node.attrs.display;
   }
 
-  private hidePopover () {
+  private hidePopover() {
     this.popoverVisible = false;
   }
 }
diff --git a/src/components/MenuCommands/Image/InsertImageCommandButton.vue b/src/components/MenuCommands/Image/InsertImageCommandButton.vue
index ae316f77..8122bbd3 100644
--- a/src/components/MenuCommands/Image/InsertImageCommandButton.vue
+++ b/src/components/MenuCommands/Image/InsertImageCommandButton.vue
@@ -84,11 +84,11 @@ export default class ImageCommandButton extends Vue {
 
   @Inject() readonly et!: any;
 
-  private get imageNodeOptions () {
+  private get imageNodeOptions() {
     return this.editorContext.editor.extensions.options.image;
   }
 
-  openUrlPrompt (): void {
+  openUrlPrompt(): void {
     MessageBox.prompt('', this.et.t('editor.extensions.Image.control.insert_by_url.title'), {
       confirmButtonText: this.et.t('editor.extensions.Image.control.insert_by_url.confirm'),
       cancelButtonText: this.et.t('editor.extensions.Image.control.insert_by_url.cancel'),
@@ -104,7 +104,7 @@ export default class ImageCommandButton extends Vue {
     });
   }
 
-  async uploadImage (requestOptions: HttpRequestOptions) {
+  async uploadImage(requestOptions: HttpRequestOptions) {
     const { file } = requestOptions;
 
     const uploadRequest = this.imageNodeOptions.uploadRequest;
diff --git a/src/components/MenuCommands/Image/RemoveImageCommandButton.vue b/src/components/MenuCommands/Image/RemoveImageCommandButton.vue
index 50448dd4..5e26246e 100644
--- a/src/components/MenuCommands/Image/RemoveImageCommandButton.vue
+++ b/src/components/MenuCommands/Image/RemoveImageCommandButton.vue
@@ -27,7 +27,7 @@ export default class RemoveImageCommandButton extends Vue {
 
   @Inject() readonly et!: any;
 
-  private removeImage () {
+  private removeImage() {
     const { state, dispatch } = this.view;
     deleteSelection(state, dispatch);
   }
diff --git a/src/components/MenuCommands/LineHeightDropdown.vue b/src/components/MenuCommands/LineHeightDropdown.vue
index 8160b9e0..14e3f1cf 100644
--- a/src/components/MenuCommands/LineHeightDropdown.vue
+++ b/src/components/MenuCommands/LineHeightDropdown.vue
@@ -53,15 +53,15 @@ export default class LineHeightDropdown extends Vue {
 
   @Inject() readonly et!: any;
 
-  private get editor () {
+  private get editor() {
     return this.editorContext.editor;
   }
 
-  private get lineHeights () {
+  private get lineHeights() {
     return this.editor.extensions.options.line_height.lineHeights;
   }
 
-  private isLineHeightActive (lineHeight: string): boolean {
+  private isLineHeightActive(lineHeight: string): boolean {
     return isLineHeightActive(this.editor.state, lineHeight);
   }
 };
diff --git a/src/components/MenuCommands/Link/AddLinkCommandButton.vue b/src/components/MenuCommands/Link/AddLinkCommandButton.vue
index 155f05d0..b23a4b84 100644
--- a/src/components/MenuCommands/Link/AddLinkCommandButton.vue
+++ b/src/components/MenuCommands/Link/AddLinkCommandButton.vue
@@ -92,21 +92,21 @@ export default class AddLinkCommandButton extends Vue {
   addLinkDialogVisible = false;
 
   @Watch('addLinkDialogVisible', { immediate: true })
-  onDialogVisibleChange () {
+  onDialogVisibleChange() {
     this.linkAttrs = { href: '', openInNewTab: true };
   }
 
-  private addLink () {
+  private addLink() {
     this.editorContext.commands.link(this.linkAttrs);
 
     this.closeAddLinkDialog();
   }
 
-  private openAddLinkDialog () {
+  private openAddLinkDialog() {
     this.addLinkDialogVisible = true;
   }
 
-  private closeAddLinkDialog () {
+  private closeAddLinkDialog() {
     this.addLinkDialogVisible = false;
   }
 };
diff --git a/src/components/MenuCommands/Link/EditLinkCommandButton.vue b/src/components/MenuCommands/Link/EditLinkCommandButton.vue
index 1c3df580..a3d4bc21 100644
--- a/src/components/MenuCommands/Link/EditLinkCommandButton.vue
+++ b/src/components/MenuCommands/Link/EditLinkCommandButton.vue
@@ -94,17 +94,17 @@ export default class EditLinkCommandButton extends Vue {
   linkAttrs = this.initLinkAttrs;
   editLinkDialogVisible = false;
 
-  private updateLinkAttrs () {
+  private updateLinkAttrs() {
     this.editorContext.commands.link(this.linkAttrs);
 
     this.closeEditLinkDialog();
   }
 
-  private openEditLinkDialog () {
+  private openEditLinkDialog() {
     this.editLinkDialogVisible = true;
   }
 
-  private closeEditLinkDialog () {
+  private closeEditLinkDialog() {
     this.editLinkDialogVisible = false;
   }
 };
diff --git a/src/components/MenuCommands/Link/OpenLinkCommandButton.vue b/src/components/MenuCommands/Link/OpenLinkCommandButton.vue
index ffe5d901..31b5fea4 100644
--- a/src/components/MenuCommands/Link/OpenLinkCommandButton.vue
+++ b/src/components/MenuCommands/Link/OpenLinkCommandButton.vue
@@ -25,7 +25,7 @@ export default class OpenLinkCommandButton extends Vue {
 
   @Inject() readonly et!: any;
 
-  openLink () {
+  openLink() {
     if (this.url) {
       // prevent attack
       const newTab = window.open();
diff --git a/src/components/MenuCommands/PreviewCommandButton.vue b/src/components/MenuCommands/PreviewCommandButton.vue
index a9785a2d..f835189a 100644
--- a/src/components/MenuCommands/PreviewCommandButton.vue
+++ b/src/components/MenuCommands/PreviewCommandButton.vue
@@ -53,15 +53,15 @@ export default class PreviewCommandButton extends Vue {
   previewDialogVisible: boolean = false;
 
   @Watch('previewDialogVisible')
-  onVisibleChange (visible: boolean) {
+  onVisibleChange(visible: boolean) {
     if (visible) this.getHtml();
   }
 
-  togglePreviewDialogVisible () {
+  togglePreviewDialogVisible() {
     this.previewDialogVisible = !this.previewDialogVisible;
   }
 
-  getHtml () {
+  getHtml() {
     this.html = this.editorContext.editor.getHTML();
   }
 }
diff --git a/src/components/MenuCommands/TablePopover/CreateTablePopover.vue b/src/components/MenuCommands/TablePopover/CreateTablePopover.vue
index 7e6924ef..5ff48e69 100644
--- a/src/components/MenuCommands/TablePopover/CreateTablePopover.vue
+++ b/src/components/MenuCommands/TablePopover/CreateTablePopover.vue
@@ -77,7 +77,7 @@ export default class CreateTablePopover extends Vue {
     col: DEFAULT_SELECTED_GRID_SIZE,
   };
 
-  selectTableGridSize (row: number, col: number): void {
+  selectTableGridSize(row: number, col: number): void {
     if (row === this.tableGridSize.row) {
       this.tableGridSize.row = Math.min(row + 1, MAX_GRID_SIZE);
     }
@@ -91,13 +91,13 @@ export default class CreateTablePopover extends Vue {
   }
 
   @Emit('createTable')
-  onMouseDown (row: number, col: number): GridSize {
+  onMouseDown(row: number, col: number): GridSize {
     this.popoverVisible = false;
 
     return { row, col };
   }
 
-  resetTableGridSize (): void {
+  resetTableGridSize(): void {
     this.tableGridSize = {
       row: INIT_GRID_SIZE,
       col: INIT_GRID_SIZE,
diff --git a/src/components/MenuCommands/TablePopover/index.vue b/src/components/MenuCommands/TablePopover/index.vue
index b570b868..25c7c5af 100644
--- a/src/components/MenuCommands/TablePopover/index.vue
+++ b/src/components/MenuCommands/TablePopover/index.vue
@@ -140,27 +140,27 @@ export default class TablePopover extends Vue {
 
   @Inject() readonly et!: any;
 
-  private get editor () {
+  private get editor() {
     return this.editorContext.editor;
   }
 
-  private get isTableActive () {
+  private get isTableActive() {
     return isTableActive(this.editor.state);
   }
 
-  private get enableMergeCells () {
+  private get enableMergeCells() {
     return enableMergeCells(this.editor.state);
   }
 
-  private get enableSplitCell () {
+  private get enableSplitCell() {
     return enableSplitCell(this.editor.state);
   }
 
-  hidePopover (): void {
+  hidePopover(): void {
     this.popoverVisible = false;
   }
 
-  createTable ({ row, col }: { row: number, col: number }): void {
+  createTable({ row, col }: { row: number, col: number }): void {
     this.editorContext.commands.createTable({
       rowsCount: row,
       colsCount: col,
diff --git a/src/extensions/blockquote.ts b/src/extensions/blockquote.ts
index a2c6d4b5..33889466 100644
--- a/src/extensions/blockquote.ts
+++ b/src/extensions/blockquote.ts
@@ -21,11 +21,11 @@ const BlockquoteNodeSpec: NodeSpec = {
 };
 
 // @ts-ignore
-function getAttrs (dom) {
+function getAttrs(dom) {
   return getParagraphNodeAttrs(dom);
 }
 
-function toDOM (node: ProsemirrorNode): DOMOutputSpec {
+function toDOM(node: ProsemirrorNode): DOMOutputSpec {
   const dom = toParagraphDOM(node);
   // @ts-ignore
   dom[0] = 'blockquote';
@@ -33,11 +33,11 @@ function toDOM (node: ProsemirrorNode): DOMOutputSpec {
 }
 
 export default class Blockquote extends TiptapBlockquote implements MenuBtnView {
-  get schema () {
+  get schema() {
     return BlockquoteNodeSpec;
   }
 
-  menuBtnView ({ isActive, commands, t }: MenuData) {
+  menuBtnView({ isActive, commands, t }: MenuData) {
     return {
       component: CommandButton,
       componentProps: {
diff --git a/src/extensions/bold.ts b/src/extensions/bold.ts
index 3bb0bcfa..1a4b6a27 100644
--- a/src/extensions/bold.ts
+++ b/src/extensions/bold.ts
@@ -4,7 +4,7 @@ import { MenuBtnView } from '@/../types';
 import CommandButton from '@/components/MenuCommands/CommandButton.vue';
 
 export default class Bold extends TiptapBold implements MenuBtnView {
-  menuBtnView ({ isActive, commands, t }: MenuData) {
+  menuBtnView({ isActive, commands, t }: MenuData) {
     return {
       component: CommandButton,
       componentProps: {
diff --git a/src/extensions/bullet_list.ts b/src/extensions/bullet_list.ts
index 759a8c2e..6161b293 100644
--- a/src/extensions/bullet_list.ts
+++ b/src/extensions/bullet_list.ts
@@ -4,7 +4,7 @@ import { MenuBtnView } from '@/../types';
 import CommandButton from '@/components/MenuCommands/CommandButton.vue';
 
 export default class BulletList extends TiptapBulletList implements MenuBtnView {
-  menuBtnView ({ isActive, commands, t }: MenuData) {
+  menuBtnView({ isActive, commands, t }: MenuData) {
     return {
       component: CommandButton,
       componentProps: {
diff --git a/src/extensions/code_block.ts b/src/extensions/code_block.ts
index 6b446a74..be0cc8e5 100644
--- a/src/extensions/code_block.ts
+++ b/src/extensions/code_block.ts
@@ -4,7 +4,7 @@ import { MenuBtnView } from '@/../types';
 import CommandButton from '@/components/MenuCommands/CommandButton.vue';
 
 export default class CodeBlock extends TiptapCodeBlock implements MenuBtnView {
-  menuBtnView ({ isActive, commands, t }: MenuData) {
+  menuBtnView({ isActive, commands, t }: MenuData) {
     return {
       component: CommandButton,
       componentProps: {
diff --git a/src/extensions/code_view.ts b/src/extensions/code_view.ts
index 92637189..5109627b 100644
--- a/src/extensions/code_view.ts
+++ b/src/extensions/code_view.ts
@@ -13,7 +13,7 @@ export const DEFAULT_CODEMIRROR_OPTIONS = {
 };
 
 export default class CodeView extends Extension implements MenuBtnView {
-  constructor (options = {}) {
+  constructor(options = {}) {
     super(options);
 
     // @ts-ignore
@@ -34,11 +34,11 @@ export default class CodeView extends Extension implements MenuBtnView {
     };
   }
 
-  get name () {
+  get name() {
     return 'code_view';
   }
 
-  get defaultOptions () {
+  get defaultOptions() {
     return {
       codemirror: null,
       codemirrorOptions: {
@@ -47,7 +47,7 @@ export default class CodeView extends Extension implements MenuBtnView {
     };
   }
 
-  menuBtnView () {
+  menuBtnView() {
     return {
       component: CodeViewCommandButton,
     };
diff --git a/src/extensions/content_attributes.ts b/src/extensions/content_attributes.ts
index e9a3c6b6..6e84b0a6 100644
--- a/src/extensions/content_attributes.ts
+++ b/src/extensions/content_attributes.ts
@@ -2,17 +2,17 @@ import { Extension } from 'tiptap';
 import { Plugin } from 'prosemirror-state';
 
 export default class ContentAttributes extends Extension {
-  get name () {
+  get name() {
     return 'content_attributes';
   }
 
-  get defaultOptions () {
+  get defaultOptions() {
     return {
       spellcheck: true,
     };
   }
 
-  get plugins () {
+  get plugins() {
     return [
       new Plugin({
         props: {
diff --git a/src/extensions/doc.ts b/src/extensions/doc.ts
index 8cbb9f12..13c7c96a 100644
--- a/src/extensions/doc.ts
+++ b/src/extensions/doc.ts
@@ -1,13 +1,13 @@
 import { Doc as TiptapDoc } from 'tiptap';
 
 export default class Doc extends TiptapDoc {
-  get defaultOptions () {
+  get defaultOptions() {
     return {
       title: false,
     };
   }
 
-  get schema () {
+  get schema() {
     const title = !!this.options.title;
 
     return {
diff --git a/src/extensions/font_size.ts b/src/extensions/font_size.ts
index 93e20db6..df644486 100644
--- a/src/extensions/font_size.ts
+++ b/src/extensions/font_size.ts
@@ -7,17 +7,17 @@ import FontSizeDropdown from '@/components/MenuCommands/FontSizeDropdown.vue';
 import { DEFAULT_FONT_SIZES, setFontSize, convertToPX } from '@/utils/font_size';
 
 export default class FontSize extends Mark implements MenuBtnView {
-  get name () {
+  get name() {
     return 'font_size';
   }
 
-  get defaultOptions () {
+  get defaultOptions() {
     return {
       fontSizes: DEFAULT_FONT_SIZES,
     };
   }
 
-  get schema () {
+  get schema() {
     return {
       attrs: {
         px: '',
@@ -39,7 +39,7 @@ export default class FontSize extends Mark implements MenuBtnView {
           },
         },
       ],
-      toDOM (node: ProsemirrorNode) {
+      toDOM(node: ProsemirrorNode) {
         const { px } = node.attrs;
         const attrs: { style?: string } = {};
 
@@ -51,7 +51,7 @@ export default class FontSize extends Mark implements MenuBtnView {
     };
   }
 
-  commands ({ type }: { type: MarkType }) {
+  commands({ type }: { type: MarkType }) {
     return (fontSize: string): CommandFunction => (state, dispatch) => {
       let { tr } = state;
       tr = setFontSize(
@@ -67,7 +67,7 @@ export default class FontSize extends Mark implements MenuBtnView {
     };
   }
 
-  menuBtnView (editorContext: MenuData) {
+  menuBtnView(editorContext: MenuData) {
     return {
       component: FontSizeDropdown,
       componentProps: {
diff --git a/src/extensions/font_type.ts b/src/extensions/font_type.ts
index f45b28ab..8ee8a987 100644
--- a/src/extensions/font_type.ts
+++ b/src/extensions/font_type.ts
@@ -7,17 +7,17 @@ import FontTypeDropdown from '@/components/MenuCommands/FontTypeDropdown.vue';
 import { DEFAULT_FONT_TYPE_MAP, setFontType } from '@/utils/font_type';
 
 export default class FontType extends Mark implements MenuBtnView {
-  get name () {
+  get name() {
     return 'font_type';
   }
 
-  get defaultOptions () {
+  get defaultOptions() {
     return {
       fontTypes: DEFAULT_FONT_TYPE_MAP,
     };
   }
 
-  get schema () {
+  get schema() {
     return {
       attrs: {
         name: '',
@@ -34,7 +34,7 @@ export default class FontType extends Mark implements MenuBtnView {
           },
         },
       ],
-      toDOM (node: ProsemirrorNode) {
+      toDOM(node: ProsemirrorNode) {
         const { name } = node.attrs;
         const attrs: { style?: string } = {};
 
@@ -46,7 +46,7 @@ export default class FontType extends Mark implements MenuBtnView {
     };
   }
 
-  commands ({ type }: { type: MarkType }) {
+  commands({ type }: { type: MarkType }) {
     return (name: string): CommandFunction => (state, dispatch) => {
       let { tr } = state;
       tr = setFontType(
@@ -62,7 +62,7 @@ export default class FontType extends Mark implements MenuBtnView {
     };
   }
 
-  menuBtnView (editorContext: MenuData) {
+  menuBtnView(editorContext: MenuData) {
     return {
       component: FontTypeDropdown,
       componentProps: {
diff --git a/src/extensions/format_clear.ts b/src/extensions/format_clear.ts
index 5db5788c..4c3c9ead 100644
--- a/src/extensions/format_clear.ts
+++ b/src/extensions/format_clear.ts
@@ -5,11 +5,11 @@ import { clearMarks } from '@/utils/format_clear';
 import CommandButton from '@/components/MenuCommands/CommandButton.vue';
 
 export default class FormatClear extends Extension implements MenuBtnView {
-  get name () {
+  get name() {
     return 'format_clear';
   }
 
-  commands () {
+  commands() {
     return (): CommandFunction => (state, dispatch) => {
       const tr = clearMarks(state.tr.setSelection(state.selection), state.schema);
 
@@ -21,7 +21,7 @@ export default class FormatClear extends Extension implements MenuBtnView {
     };
   }
 
-  menuBtnView ({ commands, t }: MenuData) {
+  menuBtnView({ commands, t }: MenuData) {
     return {
       component: CommandButton,
       componentProps: {
diff --git a/src/extensions/fullscreen.ts b/src/extensions/fullscreen.ts
index a8095225..2a0e155f 100644
--- a/src/extensions/fullscreen.ts
+++ b/src/extensions/fullscreen.ts
@@ -3,11 +3,11 @@ import { MenuBtnView } from '@/../types';
 import FullscreenCommandButton from '@/components/MenuCommands/FullscreenCommandButton.vue';
 
 export default class Fullscreen extends Extension implements MenuBtnView {
-  get name () {
+  get name() {
     return 'fullscreen';
   }
 
-  menuBtnView () {
+  menuBtnView() {
     return {
       component: FullscreenCommandButton,
     };
diff --git a/src/extensions/heading.ts b/src/extensions/heading.ts
index 72aa2166..60e09aa1 100644
--- a/src/extensions/heading.ts
+++ b/src/extensions/heading.ts
@@ -6,14 +6,14 @@ import HeadingDropdown from '@/components/MenuCommands/HeadingDropdown.vue';
 import { ParagraphNodeSpec, getParagraphNodeAttrs, toParagraphDOM } from './paragraph';
 
 // @ts-ignore
-function getAttrs (dom) {
+function getAttrs(dom) {
   const attrs = getParagraphNodeAttrs(dom);
   const level = dom.nodeName.match(/[H|h](\d)/)[1];
   attrs.level = Number(level);
   return attrs;
 }
 
-function toDOM (node: ProsemirrorNode): DOMOutputSpec {
+function toDOM(node: ProsemirrorNode): DOMOutputSpec {
   const dom = toParagraphDOM(node);
   const level = node.attrs.level || 1;
   // @ts-ignore
@@ -22,7 +22,7 @@ function toDOM (node: ProsemirrorNode): DOMOutputSpec {
 }
 
 export default class Heading extends TiptapHeading implements MenuBtnView {
-  get schema (): NodeSpec {
+  get schema(): NodeSpec {
     return {
       ...ParagraphNodeSpec,
       attrs: {
@@ -41,7 +41,7 @@ export default class Heading extends TiptapHeading implements MenuBtnView {
     };
   }
 
-  menuBtnView (editorContext: MenuData) {
+  menuBtnView(editorContext: MenuData) {
     return {
       component: HeadingDropdown,
       componentProps: {
diff --git a/src/extensions/history.ts b/src/extensions/history.ts
index 5a588f90..a6f68612 100644
--- a/src/extensions/history.ts
+++ b/src/extensions/history.ts
@@ -4,7 +4,7 @@ import { MenuBtnView } from '@/../types';
 import CommandButton from '@/components/MenuCommands/CommandButton.vue';
 
 export default class History extends TiptapHistory implements MenuBtnView {
-  menuBtnView ({ commands, t }: MenuData) {
+  menuBtnView({ commands, t }: MenuData) {
     return [
       {
         component: CommandButton,
diff --git a/src/extensions/horizontal_rule.ts b/src/extensions/horizontal_rule.ts
index f790457f..cc70518f 100644
--- a/src/extensions/horizontal_rule.ts
+++ b/src/extensions/horizontal_rule.ts
@@ -4,7 +4,7 @@ import { MenuBtnView } from '@/../types';
 import CommandButton from '@/components/MenuCommands/CommandButton.vue';
 
 export default class HorizontalRule extends TiptapHorizontalRule implements MenuBtnView {
-  menuBtnView ({ commands, t }: MenuData) {
+  menuBtnView({ commands, t }: MenuData) {
     return {
       component: CommandButton,
       componentProps: {
diff --git a/src/extensions/iframe.ts b/src/extensions/iframe.ts
index 437a9fcd..7dcf0dae 100644
--- a/src/extensions/iframe.ts
+++ b/src/extensions/iframe.ts
@@ -4,12 +4,12 @@ import { MenuBtnView } from '@/../types';
 import IframeCommandButton from '@/components/MenuCommands/IframeCommandButton.vue';
 
 export default class Iframe extends Node implements MenuBtnView {
-  get name () {
+  get name() {
     return 'iframe';
   }
 
   // @ts-ignore
-  get schema () {
+  get schema() {
     return {
       attrs: {
         src: {
@@ -33,7 +33,7 @@ export default class Iframe extends Node implements MenuBtnView {
     };
   }
 
-  commands ({ type }) {
+  commands({ type }) {
     return attrs => (state, dispatch) => {
       const { selection } = state;
       const position = selection.$cursor ? selection.$cursor.pos : selection.$to.pos;
@@ -43,15 +43,15 @@ export default class Iframe extends Node implements MenuBtnView {
     };
   }
 
-  get view () {
+  get view() {
     return {
       props: ['node', 'updateAttrs', 'view'],
       computed: {
         src: {
-          get () {
+          get() {
             return this.node.attrs.src;
           },
-          set (src) {
+          set(src) {
             this.updateAttrs({
               src,
             });
@@ -66,7 +66,7 @@ export default class Iframe extends Node implements MenuBtnView {
     };
   }
 
-  menuBtnView (editorContext: MenuData) {
+  menuBtnView(editorContext: MenuData) {
     return {
       component: IframeCommandButton,
       componentProps: {
diff --git a/src/extensions/image.ts b/src/extensions/image.ts
index 652c43f3..367b50cd 100644
--- a/src/extensions/image.ts
+++ b/src/extensions/image.ts
@@ -9,7 +9,7 @@ import InsertImageCommandButton from '@/components/MenuCommands/Image/InsertImag
 import ImageView from '@/components/ExtensionViews/ImageView.vue';
 
 // @ts-ignore
-function getAttrs (dom: HTMLElement): { [key: string]: any } {
+function getAttrs(dom: HTMLElement): { [key: string]: any } {
   const { cssFloat, display } = dom.style;
   let { width, height } = dom.style;
 
@@ -39,7 +39,7 @@ function getAttrs (dom: HTMLElement): { [key: string]: any } {
   };
 }
 
-function toDOM (node: ProsemirrorNode): DOMOutputSpec {
+function toDOM(node: ProsemirrorNode): DOMOutputSpec {
   const { src, alt, title, width, height, display } = node.attrs;
 
   const attrs: { [key: string]: any } = {
@@ -56,7 +56,7 @@ function toDOM (node: ProsemirrorNode): DOMOutputSpec {
 }
 
 export default class Image extends TiptapImage implements MenuBtnView {
-  get defaultOptions () {
+  get defaultOptions() {
     return {
       defaultWidth: DEFAULT_IMAGE_WIDTH,
       defaultDisplay: DEFAULT_IMAGE_DISPLAY,
@@ -65,7 +65,7 @@ export default class Image extends TiptapImage implements MenuBtnView {
     };
   }
 
-  get schema () {
+  get schema() {
     return {
       inline: true,
       attrs: {
@@ -99,11 +99,11 @@ export default class Image extends TiptapImage implements MenuBtnView {
     };
   }
 
-  get view () {
+  get view() {
     return ImageView;
   }
 
-  menuBtnView (editorContext: MenuData) {
+  menuBtnView(editorContext: MenuData) {
     return {
       component: InsertImageCommandButton,
       componentProps: {
diff --git a/src/extensions/indent.ts b/src/extensions/indent.ts
index 4eb52f87..ddbca696 100644
--- a/src/extensions/indent.ts
+++ b/src/extensions/indent.ts
@@ -4,32 +4,32 @@ import { createIndentCommand, IndentProps } from '@/utils/indent';
 import CommandButton from '@/components/MenuCommands/CommandButton.vue';
 
 export default class Indent extends Extension implements MenuBtnView {
-  get name () {
+  get name() {
     return 'indent';
   }
 
-  get defaultOptions () {
+  get defaultOptions() {
     return {
       minIndent: IndentProps.min,
       maxIndent: IndentProps.max,
     };
   }
 
-  commands () {
+  commands() {
     return {
       indent: () => createIndentCommand(IndentProps.more),
       outdent: () => createIndentCommand(IndentProps.less),
     };
   }
 
-  keys () {
+  keys() {
     return {
       Tab: createIndentCommand(IndentProps.more),
       'Shift-Tab': createIndentCommand(IndentProps.less),
     };
   }
 
-  menuBtnView ({ commands, t }: MenuData) {
+  menuBtnView({ commands, t }: MenuData) {
     return [
       {
         component: CommandButton,
diff --git a/src/extensions/italic.ts b/src/extensions/italic.ts
index 52dee916..65f3e085 100644
--- a/src/extensions/italic.ts
+++ b/src/extensions/italic.ts
@@ -4,7 +4,7 @@ import { MenuBtnView } from '@/../types';
 import CommandButton from '@/components/MenuCommands/CommandButton.vue';
 
 export default class Italic extends TiptapItalic implements MenuBtnView {
-  menuBtnView ({ isActive, commands, t }: MenuData) {
+  menuBtnView({ isActive, commands, t }: MenuData) {
     return {
       component: CommandButton,
       componentProps: {
diff --git a/src/extensions/line_height.ts b/src/extensions/line_height.ts
index ed23cf15..c5e39119 100644
--- a/src/extensions/line_height.ts
+++ b/src/extensions/line_height.ts
@@ -4,11 +4,11 @@ import { createLineHeightCommand } from '@/utils/line_height';
 import LineHeightDropdown from '@/components/MenuCommands/LineHeightDropdown.vue';
 
 export default class LineHeight extends Extension implements MenuBtnView {
-  get name () {
+  get name() {
     return 'line_height';
   }
 
-  get defaultOptions () {
+  get defaultOptions() {
     return {
       lineHeights: [
         '100%',
@@ -21,11 +21,11 @@ export default class LineHeight extends Extension implements MenuBtnView {
     };
   }
 
-  commands () {
+  commands() {
     return ({ lineHeight }: { lineHeight: string }) => createLineHeightCommand(lineHeight);
   }
 
-  menuBtnView (editorContext: MenuData) {
+  menuBtnView(editorContext: MenuData) {
     return {
       component: LineHeightDropdown,
       componentProps: {
diff --git a/src/extensions/link.ts b/src/extensions/link.ts
index 0f93f22d..bf55569e 100644
--- a/src/extensions/link.ts
+++ b/src/extensions/link.ts
@@ -8,14 +8,14 @@ import { MenuData } from 'tiptap';
 import { MenuBtnView } from '@/../types';
 import AddLinkCommandButton from '@/components/MenuCommands/Link/AddLinkCommandButton.vue';
 
-function getAttrs (dom: HTMLElement) {
+function getAttrs(dom: HTMLElement) {
   return {
     href: dom.getAttribute('href'),
     openInNewTab: dom.getAttribute('target') === '_blank',
   };
 }
 
-function toDOM (mark: ProsemirrorMark) {
+function toDOM(mark: ProsemirrorMark) {
   const {
     href,
     openInNewTab,
@@ -38,7 +38,7 @@ function toDOM (mark: ProsemirrorMark) {
 
 export default class Link extends TiptapLink implements MenuBtnView {
   // @ts-ignore
-  get schema () {
+  get schema() {
     return {
       attrs: {
         href: {
@@ -59,11 +59,11 @@ export default class Link extends TiptapLink implements MenuBtnView {
     };
   }
 
-  get plugins () {
+  get plugins() {
     return [
       new Plugin({
         props: {
-          handleClick (view: EditorView, pos: number) {
+          handleClick(view: EditorView, pos: number) {
             const { schema, doc, tr } = view.state;
 
             const range = getMarkRange(doc.resolve(pos), schema.marks.link);
@@ -83,7 +83,7 @@ export default class Link extends TiptapLink implements MenuBtnView {
     ];
   }
 
-  menuBtnView (editorContext: MenuData) {
+  menuBtnView(editorContext: MenuData) {
     return {
       component: AddLinkCommandButton,
       componentProps: {
diff --git a/src/extensions/list_item.ts b/src/extensions/list_item.ts
index 48c4fe8a..416a18e7 100644
--- a/src/extensions/list_item.ts
+++ b/src/extensions/list_item.ts
@@ -19,7 +19,7 @@ const ListItemNodeSpec: NodeSpec = {
 };
 
 // @ts-ignore
-function getAttrs (dom) {
+function getAttrs(dom) {
   let {
     textAlign,
     lineHeight,
@@ -36,7 +36,7 @@ function getAttrs (dom) {
   };
 }
 
-function toDOM (node: ProsemirrorNode): DOMOutputSpec {
+function toDOM(node: ProsemirrorNode): DOMOutputSpec {
   const {
     textAlign,
     lineHeight,
@@ -60,7 +60,7 @@ function toDOM (node: ProsemirrorNode): DOMOutputSpec {
 }
 
 export default class ListItem extends TiptapListItem {
-  get schema () {
+  get schema() {
     return ListItemNodeSpec;
   }
 }
diff --git a/src/extensions/ordered_list.ts b/src/extensions/ordered_list.ts
index 9668d513..eddd5746 100644
--- a/src/extensions/ordered_list.ts
+++ b/src/extensions/ordered_list.ts
@@ -4,7 +4,7 @@ import { MenuBtnView } from '@/../types';
 import CommandButton from '@/components/MenuCommands/CommandButton.vue';
 
 export default class OrderedList extends TiptapOrderedList implements MenuBtnView {
-  menuBtnView ({ isActive, commands, t }: MenuData) {
+  menuBtnView({ isActive, commands, t }: MenuData) {
     return {
       component: CommandButton,
       componentProps: {
diff --git a/src/extensions/paragraph.ts b/src/extensions/paragraph.ts
index ae9190c7..589aa729 100644
--- a/src/extensions/paragraph.ts
+++ b/src/extensions/paragraph.ts
@@ -19,7 +19,7 @@ export const ParagraphNodeSpec: NodeSpec = {
 };
 
 // @ts-ignore
-function getAttrs (dom): { [key: string]: any } {
+function getAttrs(dom): { [key: string]: any } {
   let {
     textAlign,
     lineHeight,
@@ -39,7 +39,7 @@ function getAttrs (dom): { [key: string]: any } {
   };
 }
 
-function toDOM (node: ProsemirrorNode): DOMOutputSpec {
+function toDOM(node: ProsemirrorNode): DOMOutputSpec {
   const {
     textAlign,
     indent,
@@ -68,7 +68,7 @@ function toDOM (node: ProsemirrorNode): DOMOutputSpec {
 }
 
 export default class Paragraph extends TiptapParagraph {
-  get schema () {
+  get schema() {
     return ParagraphNodeSpec;
   }
 }
diff --git a/src/extensions/preview.ts b/src/extensions/preview.ts
index 5a86e2a9..b52f123b 100644
--- a/src/extensions/preview.ts
+++ b/src/extensions/preview.ts
@@ -4,17 +4,17 @@ import { PREVIEW_WINDOW_WIDTH } from '@/constants';
 import PreviewCommandButton from '@/components/MenuCommands/PreviewCommandButton.vue';
 
 export default class Preview extends Extension implements MenuBtnView {
-  get name () {
+  get name() {
     return 'preview';
   }
 
-  get defaultOptions () {
+  get defaultOptions() {
     return {
       contentWidth: PREVIEW_WINDOW_WIDTH,
     };
   }
 
-  menuBtnView (editorContext: MenuData) {
+  menuBtnView(editorContext: MenuData) {
     return {
       component: PreviewCommandButton,
       componentProps: {
diff --git a/src/extensions/print.ts b/src/extensions/print.ts
index e86785c7..9a99b492 100644
--- a/src/extensions/print.ts
+++ b/src/extensions/print.ts
@@ -5,17 +5,17 @@ import { printEditorContent } from '@/utils/print';
 import CommandButton from '@/components/MenuCommands/CommandButton.vue';
 
 export default class Print extends Extension implements MenuBtnView {
-  get name () {
+  get name() {
     return 'print';
   }
 
-  commands () {
+  commands() {
     return (): CommandFunction => (_state, _dispatch, view) => {
       return printEditorContent(view);
     };
   }
 
-  keys () {
+  keys() {
     return {
       // @ts-ignore
       'Mod-p': (_state, _dispatch, view) => {
@@ -24,7 +24,7 @@ export default class Print extends Extension implements MenuBtnView {
     };
   }
 
-  menuBtnView ({ commands, t }: MenuData) {
+  menuBtnView({ commands, t }: MenuData) {
     return {
       component: CommandButton,
       componentProps: {
diff --git a/src/extensions/select_all.ts b/src/extensions/select_all.ts
index 3b16a387..a7c9680a 100644
--- a/src/extensions/select_all.ts
+++ b/src/extensions/select_all.ts
@@ -5,15 +5,15 @@ import { MenuBtnView } from '@/../types';
 import CommandButton from '@/components/MenuCommands/CommandButton.vue';
 
 export default class SelectAll extends Extension implements MenuBtnView {
-  get name () {
+  get name() {
     return 'select_all';
   }
 
-  commands () {
+  commands() {
     return (): CommandFunction => selectAll;
   }
 
-  menuBtnView ({ commands, t }: MenuData) {
+  menuBtnView({ commands, t }: MenuData) {
     return {
       component: CommandButton,
       componentProps: {
diff --git a/src/extensions/strike.ts b/src/extensions/strike.ts
index 4c080b5d..a0deb9b7 100644
--- a/src/extensions/strike.ts
+++ b/src/extensions/strike.ts
@@ -4,7 +4,7 @@ import { MenuBtnView } from '@/../types';
 import CommandButton from '@/components/MenuCommands/CommandButton.vue';
 
 export default class Strike extends TiptapStrike implements MenuBtnView {
-  menuBtnView ({ isActive, commands, t }: MenuData) {
+  menuBtnView({ isActive, commands, t }: MenuData) {
     return {
       component: CommandButton,
       componentProps: {
diff --git a/src/extensions/table.ts b/src/extensions/table.ts
index ed7b599f..6602dd23 100644
--- a/src/extensions/table.ts
+++ b/src/extensions/table.ts
@@ -4,7 +4,7 @@ import { MenuBtnView } from '@/../types';
 import TablePopover from '@/components/MenuCommands/TablePopover/index.vue';
 
 export default class Table extends TiptapTable implements MenuBtnView {
-  menuBtnView (editorContext: MenuData) {
+  menuBtnView(editorContext: MenuData) {
     return {
       component: TablePopover,
       componentProps: {
diff --git a/src/extensions/text_align.ts b/src/extensions/text_align.ts
index ab39dbe1..e95e9a8f 100644
--- a/src/extensions/text_align.ts
+++ b/src/extensions/text_align.ts
@@ -6,11 +6,11 @@ import { Alignment, ALIGN_PATTERN } from '@/constants';
 import CommandButton from '@/components/MenuCommands/CommandButton.vue';
 
 export default class TextAlign extends Extension implements MenuBtnView {
-  get name () {
+  get name() {
     return 'text_align';
   }
 
-  get defaultOptions () {
+  get defaultOptions() {
     return {
       alignments: [
         Alignment.left,
@@ -21,7 +21,7 @@ export default class TextAlign extends Extension implements MenuBtnView {
     };
   }
 
-  commands () {
+  commands() {
     return this.options.alignments.reduce((commands: CommandGetter, alignment: Alignment) => {
       if (!ALIGN_PATTERN.test(alignment)) return commands;
 
@@ -45,7 +45,7 @@ export default class TextAlign extends Extension implements MenuBtnView {
     }, {});
   }
 
-  menuBtnView ({ commands, editor, t }: MenuData) {
+  menuBtnView({ commands, editor, t }: MenuData) {
     return this.options.alignments.reduce((views: Array<MenuBtnComponentOptions>, alignment: Alignment) => {
       if (!ALIGN_PATTERN.test(alignment)) return views;
 
diff --git a/src/extensions/text_color.ts b/src/extensions/text_color.ts
index e33ccc4b..f0aa8b97 100644
--- a/src/extensions/text_color.ts
+++ b/src/extensions/text_color.ts
@@ -7,17 +7,17 @@ import { COLOR_SET, isHexColor } from '@/utils/color';
 import ColorPopover from '@/components/MenuCommands/ColorPopover.vue';
 
 export default class TextColor extends Mark implements MenuBtnView {
-  get name () {
+  get name() {
     return 'text_color';
   }
 
-  get defaultOptions () {
+  get defaultOptions() {
     return {
       colors: COLOR_SET,
     };
   }
 
-  get schema () {
+  get schema() {
     return {
       attrs: {
         color: '',
@@ -32,7 +32,7 @@ export default class TextColor extends Mark implements MenuBtnView {
           };
         },
       }],
-      toDOM (node) {
+      toDOM(node) {
         const { color } = node.attrs;
         let style = '';
         if (color) {
@@ -43,7 +43,7 @@ export default class TextColor extends Mark implements MenuBtnView {
     };
   }
 
-  commands () {
+  commands() {
     return (color: string): CommandFunction => (state, dispatch) => {
       if (color !== undefined) {
         const { schema } = state;
@@ -64,7 +64,7 @@ export default class TextColor extends Mark implements MenuBtnView {
     };
   }
 
-  menuBtnView ({ commands, getMarkAttrs, t }: MenuData) {
+  menuBtnView({ commands, getMarkAttrs, t }: MenuData) {
     return {
       component: ColorPopover,
       componentProps: {
diff --git a/src/extensions/text_highlight.ts b/src/extensions/text_highlight.ts
index 27d38eb1..36df9f89 100644
--- a/src/extensions/text_highlight.ts
+++ b/src/extensions/text_highlight.ts
@@ -7,17 +7,17 @@ import { COLOR_SET, isHexColor } from '@/utils/color';
 import ColorPopover from '../components/MenuCommands/ColorPopover.vue';
 
 export default class TextHighlight extends Mark implements MenuBtnView {
-  get name () {
+  get name() {
     return 'text_highlight';
   }
 
-  get defaultOptions () {
+  get defaultOptions() {
     return {
       colors: COLOR_SET,
     };
   }
 
-  get schema () {
+  get schema() {
     return {
       attrs: {
         highlightColor: '',
@@ -34,7 +34,7 @@ export default class TextHighlight extends Mark implements MenuBtnView {
           };
         },
       }],
-      toDOM (node) {
+      toDOM(node) {
         const { highlightColor } = node.attrs;
         let style = '';
         if (highlightColor) {
@@ -45,7 +45,7 @@ export default class TextHighlight extends Mark implements MenuBtnView {
     };
   }
 
-  commands () {
+  commands() {
     return (color: string): CommandFunction => (state, dispatch) => {
       if (color !== undefined) {
         const { schema } = state;
@@ -66,7 +66,7 @@ export default class TextHighlight extends Mark implements MenuBtnView {
     };
   }
 
-  menuBtnView ({ commands, getMarkAttrs, t }: MenuData) {
+  menuBtnView({ commands, getMarkAttrs, t }: MenuData) {
     return {
       component: ColorPopover,
       componentProps: {
diff --git a/src/extensions/title.ts b/src/extensions/title.ts
index b6036076..1010a4c2 100644
--- a/src/extensions/title.ts
+++ b/src/extensions/title.ts
@@ -4,18 +4,18 @@ import { Node as ProsemirrorNode } from 'prosemirror-model';
 import { getParagraphNodeAttrs, toParagraphDOM } from './paragraph';
 
 export default class Title extends Node {
-  get name () {
+  get name() {
     return 'title';
   }
 
-  get defaultOptions () {
+  get defaultOptions() {
     return {
       placeholder: '',
       class: '',
     };
   }
 
-  get schema () {
+  get schema() {
     return {
       attrs: {
         textAlign: { default: null },
diff --git a/src/extensions/todo_item.ts b/src/extensions/todo_item.ts
index cf5ab877..59ea3c73 100644
--- a/src/extensions/todo_item.ts
+++ b/src/extensions/todo_item.ts
@@ -4,7 +4,7 @@ import { transformLineHeightToCSS } from '@/utils/line_height';
 import { ALIGN_PATTERN, LINE_HEIGHT_100 } from '@/constants';
 import TodoItemView from '@/components/ExtensionViews/TodoItemView.vue';
 
-function getAttrs (dom: HTMLElement) {
+function getAttrs(dom: HTMLElement) {
   let {
     textAlign,
     lineHeight,
@@ -22,7 +22,7 @@ function getAttrs (dom: HTMLElement) {
   };
 }
 
-function toDOM (node: ProsemirrorNode): DOMOutputSpec {
+function toDOM(node: ProsemirrorNode): DOMOutputSpec {
   const {
     done,
     textAlign,
@@ -64,7 +64,7 @@ function toDOM (node: ProsemirrorNode): DOMOutputSpec {
 
 export default class TodoItem extends TiptapTodoItem {
   // @ts-ignore
-  get schema () {
+  get schema() {
     return {
       attrs: {
         done: { default: false },
@@ -82,7 +82,7 @@ export default class TodoItem extends TiptapTodoItem {
     };
   }
 
-  get view () {
+  get view() {
     return TodoItemView;
   }
 }
diff --git a/src/extensions/todo_list.ts b/src/extensions/todo_list.ts
index 3c02e8f6..e6fc40f9 100644
--- a/src/extensions/todo_list.ts
+++ b/src/extensions/todo_list.ts
@@ -5,7 +5,7 @@ import { MenuBtnView } from '@/../types';
 import CommandButton from '@/components/MenuCommands/CommandButton.vue';
 
 export default class TodoList extends TiptapTodoList implements MenuBtnView {
-  get schema () {
+  get schema() {
     return {
       group: 'block',
       content: 'todo_item+',
@@ -30,7 +30,7 @@ export default class TodoList extends TiptapTodoList implements MenuBtnView {
     };
   }
 
-  menuBtnView ({ isActive, commands, t }: MenuData) {
+  menuBtnView({ isActive, commands, t }: MenuData) {
     return {
       component: CommandButton,
       componentProps: {
diff --git a/src/extensions/underline.ts b/src/extensions/underline.ts
index 0619365c..9bcdb5f2 100644
--- a/src/extensions/underline.ts
+++ b/src/extensions/underline.ts
@@ -4,7 +4,7 @@ import { MenuBtnView } from '@/../types';
 import CommandButton from '@/components/MenuCommands/CommandButton.vue';
 
 export default class Underline extends TiptapUnderline implements MenuBtnView {
-  menuBtnView ({ isActive, commands, t }: MenuData) {
+  menuBtnView({ isActive, commands, t }: MenuData) {
     return {
       component: CommandButton,
       componentProps: {
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index eac0a681..58391c3f 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -9,7 +9,7 @@ import de from './de';
 import ko from './ko';
 import es from './es';
 import fr from './fr';
-import pt_br from './pt-br'
+import pt_br from './pt-br';
 import nl from './nl';
 import he from './he';
 
@@ -30,27 +30,29 @@ const dictionary = {
 };
 
 export const Trans = {
-  get defaultLanguage () {
+  get defaultLanguage() {
     return DEFAULT_LANGUAGE;
   },
 
-  get supportedLanguages (): string[] {
+  get supportedLanguages(): string[] {
     return Object.keys(dictionary);
   },
 
-  loadLanguage (lang): Object {
+  loadLanguage(lang): Object {
     return dictionary[lang];
   },
 
-  isLangSupported (lang): boolean {
+  isLangSupported(lang): boolean {
     return this.supportedLanguages.includes(lang);
   },
 
-  buildI18nHandler (lang: string = DEFAULT_LANGUAGE): Function {
+  buildI18nHandler(lang: string = DEFAULT_LANGUAGE): Function {
     let l;
 
     if (!this.isLangSupported(lang)) {
-      Logger.warn(`Can't find the current language "${lang}", Using language "${DEFAULT_LANGUAGE}" by default. Welcome contribution to https://github.com/Leecason/element-tiptap`);
+      Logger.warn(
+        `Can't find the current language "${lang}", Using language "${DEFAULT_LANGUAGE}" by default. Welcome contribution to https://github.com/Leecason/element-tiptap`
+      );
       l = DEFAULT_LANGUAGE;
     } else {
       l = lang;
@@ -58,7 +60,7 @@ export const Trans = {
 
     const langObj = this.loadLanguage(l);
 
-    return function t (path: string): string {
+    return function t(path: string): string {
       const target = path.split('.').reduce((prev, curr) => {
         // @ts-ignore
         return prev[curr];
diff --git a/src/index.ts b/src/index.ts
index c3fcfbb3..da37dd7e 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -7,7 +7,7 @@ const ElementTiptapPlugin: ElementTiptapPluginInterface = {
   spellcheck: true,
   lang: DEFAULT_LANGUAGE,
 
-  install (Vue, options = {}) {
+  install(Vue, options = {}) {
     if (options.lang) {
       this.lang = options.lang;
     }
diff --git a/src/mixins/CodeViewMixin.ts b/src/mixins/CodeViewMixin.ts
index 3197c774..d7da3775 100644
--- a/src/mixins/CodeViewMixin.ts
+++ b/src/mixins/CodeViewMixin.ts
@@ -7,7 +7,7 @@ export default class CodeViewMixin extends Vue {
   isCodeViewMode = false;
 
   @Watch('isCodeViewMode')
-  onCodeViewModeChange (val: boolean): void {
+  onCodeViewModeChange(val: boolean): void {
     if (val) {
       this.$nextTick(() => !this.cmInstance && this.initCodemirror());
     } else { // update editor content
@@ -19,7 +19,7 @@ export default class CodeViewMixin extends Vue {
     }
   }
 
-  private initCodemirror () {
+  private initCodemirror() {
     const codeView = this.extensions.find(e => e.name === 'code_view');
     if (codeView) {
       const { codemirror, codemirrorOptions } = codeView.options;
@@ -37,13 +37,13 @@ export default class CodeViewMixin extends Vue {
     }
   }
 
-  private destroyCodemirror () {
+  private destroyCodemirror() {
     const element = this.cmInstance.doc.cm.getWrapperElement();
     element && element.remove && element.remove();
     this.cmInstance = null;
   }
 
-  private formatCode () {
+  private formatCode() {
     const cm = this.cmInstance;
     cm.execCommand('selectAll');
     const selectedRange = {
diff --git a/src/mixins/EditorStylesMixin.ts b/src/mixins/EditorStylesMixin.ts
index 8bf06e5a..4605469c 100644
--- a/src/mixins/EditorStylesMixin.ts
+++ b/src/mixins/EditorStylesMixin.ts
@@ -29,13 +29,13 @@ export default class EditorStylesMixin extends Vue {
   })
   readonly charCounterCount!: boolean;
 
-  get elTiptapEditorStyle () {
+  get elTiptapEditorStyle() {
     return [
       this.editorSizeStyle,
     ];
   }
 
-  get editorSizeStyle () {
+  get editorSizeStyle() {
     let { width, height } = this;
 
     width = isNaN(Number(width)) ? width : `${width}${DEFAULT_EDITOR_SIZE_UNIT}`;
diff --git a/src/utils/apply_mark.ts b/src/utils/apply_mark.ts
index 794d2240..0d678944 100644
--- a/src/utils/apply_mark.ts
+++ b/src/utils/apply_mark.ts
@@ -1,7 +1,7 @@
 import { Transaction, SelectionRange } from 'prosemirror-state';
 import { Node as ProsemirrorNode, MarkType } from 'prosemirror-model';
 
-function markApplies (doc: ProsemirrorNode, ranges: Array<SelectionRange>, type: MarkType): boolean {
+function markApplies(doc: ProsemirrorNode, ranges: Array<SelectionRange>, type: MarkType): boolean {
   for (let i = 0; i < ranges.length; i++) {
     const { $from, $to } = ranges[i];
     let can = $from.depth === 0 ? doc.type.allowsMarkType(type) : false;
@@ -17,7 +17,7 @@ function markApplies (doc: ProsemirrorNode, ranges: Array<SelectionRange>, type:
 }
 
 // https://github.com/ProseMirror/prosemirror-commands/blob/master/src/commands.js
-export default function applyMark (tr: Transaction, markType: MarkType, attrs: object | null): Transaction {
+export default function applyMark(tr: Transaction, markType: MarkType, attrs: object | null): Transaction {
   if (!tr.selection || !tr.doc || !markType) return tr;
 
   // @ts-ignore
diff --git a/src/utils/code_view.ts b/src/utils/code_view.ts
index bf967d0d..e81ea004 100644
--- a/src/utils/code_view.ts
+++ b/src/utils/code_view.ts
@@ -4,9 +4,9 @@
 const inlineElements = /^(a|abbr|acronym|area|base|bdo|big|br|button|caption|cite|code|col|colgroup|dd|del|dfn|em|frame|hr|iframe|img|input|ins|kbd|label|legend|link|map|object|optgroup|option|param|q|samp|script|select|small|span|strong|sub|sup|textarea|tt|var)$/;
 
 // for format code
-export function extendCodemirror (CodeMirror) {
+export function extendCodemirror(CodeMirror) {
   CodeMirror.extendMode('xml', {
-    newlineAfterToken: function (type, content, textAfter, state) {
+    newlineAfterToken: function(type, content, textAfter, state) {
       let inline = false;
       if (this.configuration === 'html') {
         inline = state.context ? inlineElements.test(state.context.tagName) : false;
@@ -16,7 +16,7 @@ export function extendCodemirror (CodeMirror) {
     }
   });
 
-  CodeMirror.defineExtension('autoFormatRange', function (from, to) {
+  CodeMirror.defineExtension('autoFormatRange', function(from, to) {
     const cm = this;
     const outer = cm.getMode();
     const text = cm.getRange(from, to).split('\n');
@@ -27,7 +27,7 @@ export function extendCodemirror (CodeMirror) {
     let lines = 0;
     let atSol = from.ch === 0;
 
-    function newline () {
+    function newline() {
       out += '\n';
       atSol = true;
       ++lines;
@@ -51,7 +51,7 @@ export function extendCodemirror (CodeMirror) {
       if (!atSol && i < text.length - 1) newline();
     }
 
-    cm.operation(function () {
+    cm.operation(function() {
       cm.replaceRange(out, from, to);
       for (let cur = from.line + 1, end = from.line + lines; cur <= end; ++cur) { cm.indentLine(cur, 'smart'); }
       cm.setSelection(from, cm.getCursor(false));
diff --git a/src/utils/color.ts b/src/utils/color.ts
index c453eca4..c6f9c889 100644
--- a/src/utils/color.ts
+++ b/src/utils/color.ts
@@ -1,5 +1,5 @@
 // https://github.com/regexhq/hex-color-regex/blob/master/index.js
-function hexColorRegex (): RegExp {
+function hexColorRegex(): RegExp {
   return /#([a-f0-9]{3}|[a-f0-9]{4}(?:[a-f0-9]{2}){0,2})\b/gi;
 }
 
@@ -23,6 +23,6 @@ export const COLOR_SET: string[] = [
   '#000000',
 ];
 
-export function isHexColor (color: string): boolean {
+export function isHexColor(color: string): boolean {
   return hexColorRegex().test(color);
 }
diff --git a/src/utils/font_size.ts b/src/utils/font_size.ts
index 7b49f890..732344b3 100644
--- a/src/utils/font_size.ts
+++ b/src/utils/font_size.ts
@@ -24,7 +24,7 @@ export const DEFAULT_FONT_SIZE = 'default';
 
 const SIZE_PATTERN = /([\d.]+)px/i;
 
-export function convertToPX (styleValue: string): string {
+export function convertToPX(styleValue: string): string {
   const matches = styleValue.match(SIZE_PATTERN);
   if (!matches) return '';
   const value = matches[1];
@@ -32,7 +32,7 @@ export function convertToPX (styleValue: string): string {
   return value;
 }
 
-export function setFontSize (tr: Transaction, type: MarkType, fontSize: string): Transaction {
+export function setFontSize(tr: Transaction, type: MarkType, fontSize: string): Transaction {
   const { selection } = tr;
 
   if (!(selection instanceof TextSelection || selection instanceof AllSelection)) {
@@ -44,7 +44,7 @@ export function setFontSize (tr: Transaction, type: MarkType, fontSize: string):
   return tr;
 }
 
-export function findActiveFontSize (state: EditorState): string {
+export function findActiveFontSize(state: EditorState): string {
   const { schema, selection, tr } = state;
   const markType = schema.marks.font_size;
 
diff --git a/src/utils/font_type.ts b/src/utils/font_type.ts
index 958e0c48..b9090679 100644
--- a/src/utils/font_type.ts
+++ b/src/utils/font_type.ts
@@ -23,7 +23,7 @@ export const DEFAULT_FONT_TYPE_MAP = DEFAULT_FONT_TYPE_NAMES.reduce((obj: { [key
   return obj;
 }, {});
 
-export function setFontType (tr: Transaction, type: MarkType, name: string): Transaction {
+export function setFontType(tr: Transaction, type: MarkType, name: string): Transaction {
   const { selection } = tr;
 
   if (!(selection instanceof TextSelection || selection instanceof AllSelection)) {
@@ -36,7 +36,7 @@ export function setFontType (tr: Transaction, type: MarkType, name: string): Tra
 
 const DEFAULT_FONT_TYPE = '';
 
-export function findActiveFontType (state: EditorState): string {
+export function findActiveFontType(state: EditorState): string {
   const { schema, selection, tr } = state;
   const markType = schema.marks.font_type;
 
diff --git a/src/utils/format_clear.ts b/src/utils/format_clear.ts
index 76a4d6ff..cc7e2c13 100644
--- a/src/utils/format_clear.ts
+++ b/src/utils/format_clear.ts
@@ -29,7 +29,7 @@ interface ClearMarksTask {
   pos: number,
 }
 
-export function clearMarks (tr: Transaction, schema: Schema): Transaction {
+export function clearMarks(tr: Transaction, schema: Schema): Transaction {
   const { doc, selection } = tr;
   if (!selection || !doc) return tr;
 
diff --git a/src/utils/heading.ts b/src/utils/heading.ts
index e732a93b..2ed7c292 100644
--- a/src/utils/heading.ts
+++ b/src/utils/heading.ts
@@ -1,12 +1,12 @@
 import { findParentNodeOfType } from 'prosemirror-utils';
 import { EditorState } from 'prosemirror-state';
 
-function findHeading (state: EditorState) {
+function findHeading(state: EditorState) {
   const { heading } = state.schema.nodes;
   return findParentNodeOfType(heading)(state.selection);
 }
 
-export function isHeadingActive (state: EditorState, level: number): boolean {
+export function isHeadingActive(state: EditorState, level: number): boolean {
   const result = findHeading(state);
 
   if (level == null) {
diff --git a/src/utils/image.ts b/src/utils/image.ts
index 0f11507e..7cd53b5d 100644
--- a/src/utils/image.ts
+++ b/src/utils/image.ts
@@ -11,7 +11,7 @@ interface ImageCache {
 
 const IMAGE_CACHE: ImageCache = {};
 
-export function resolveImg (src: string): Promise<ImageResult> {
+export function resolveImg(src: string): Promise<ImageResult> {
   return new Promise((resolve, reject) => {
     const result: ImageResult = {
       complete: false,
diff --git a/src/utils/indent.ts b/src/utils/indent.ts
index 06bf0157..3d1ea122 100644
--- a/src/utils/indent.ts
+++ b/src/utils/indent.ts
@@ -11,7 +11,7 @@ export const enum IndentProps {
   less = -1,
 }
 
-function updateIndentLevel (tr: Transaction, delta: number): Transaction {
+function updateIndentLevel(tr: Transaction, delta: number): Transaction {
   const { doc, selection } = tr;
 
   if (!doc || !selection) return tr;
@@ -41,7 +41,7 @@ function updateIndentLevel (tr: Transaction, delta: number): Transaction {
   return tr;
 }
 
-function setNodeIndentMarkup (tr: Transaction, pos: number, delta: number): Transaction {
+function setNodeIndentMarkup(tr: Transaction, pos: number, delta: number): Transaction {
   if (!tr.doc) return tr;
 
   const node = tr.doc.nodeAt(pos);
@@ -66,7 +66,7 @@ function setNodeIndentMarkup (tr: Transaction, pos: number, delta: number): Tran
   return tr.setNodeMarkup(pos, node.type, nodeAttrs, node.marks);
 }
 
-export function createIndentCommand (delta: number): CommandFunction {
+export function createIndentCommand(delta: number): CommandFunction {
   return (state, dispatch) => {
     const { selection } = state;
     let { tr } = state;
diff --git a/src/utils/line_height.ts b/src/utils/line_height.ts
index 28d2cf8e..d0583000 100644
--- a/src/utils/line_height.ts
+++ b/src/utils/line_height.ts
@@ -12,7 +12,7 @@ export const ALLOWED_NODE_TYPES = [
 
 const NUMBER_VALUE_PATTERN = /^\d+(.\d+)?$/;
 
-export function isLineHeightActive (state: EditorState, lineHeight: string): boolean {
+export function isLineHeightActive(state: EditorState, lineHeight: string): boolean {
   const { selection, doc } = state;
   const { from, to } = selection;
 
@@ -38,7 +38,7 @@ export function isLineHeightActive (state: EditorState, lineHeight: string): boo
   return active;
 }
 
-export function transformLineHeightToCSS (value: string | number): string {
+export function transformLineHeightToCSS(value: string | number): string {
   if (!value) return '';
 
   let strValue = String(value);
@@ -51,7 +51,7 @@ export function transformLineHeightToCSS (value: string | number): string {
   return parseFloat(strValue) * LINE_HEIGHT_100 + '%';
 }
 
-export function transformCSStoLineHeight (value: string): string {
+export function transformCSStoLineHeight(value: string): string {
   if (!value) return '';
   if (value === DEFAULT_LINE_HEIGHT) return '';
 
@@ -72,7 +72,7 @@ interface SetLineHeightTask {
   pos: number,
 }
 
-export function setTextLineHeight (tr: Transaction, lineHeight: string | null): Transaction {
+export function setTextLineHeight(tr: Transaction, lineHeight: string | null): Transaction {
   const { selection, doc } = tr;
 
   if (!selection || !doc) return tr;
@@ -119,7 +119,7 @@ export function setTextLineHeight (tr: Transaction, lineHeight: string | null):
   return tr;
 }
 
-export function createLineHeightCommand (lineHeight: string): CommandFunction {
+export function createLineHeightCommand(lineHeight: string): CommandFunction {
   return (state, dispatch) => {
     const { selection } = state;
     let { tr } = state;
diff --git a/src/utils/list.ts b/src/utils/list.ts
index 9944e74a..d3bd6bc6 100644
--- a/src/utils/list.ts
+++ b/src/utils/list.ts
@@ -1,18 +1,18 @@
 import { Node } from 'prosemirror-model';
 
-export function isBulletListNode (node: Node): boolean {
+export function isBulletListNode(node: Node): boolean {
   return node.type.name === 'bullet_list';
 }
 
-export function isOrderedListNode (node: Node): boolean {
+export function isOrderedListNode(node: Node): boolean {
   return node.type.name === 'order_list';
 }
 
-export function isTodoListNode (node: Node): boolean {
+export function isTodoListNode(node: Node): boolean {
   return node.type.name === 'todo_list';
 }
 
-export function isListNode (node: Node): boolean {
+export function isListNode(node: Node): boolean {
   return isBulletListNode(node) ||
     isOrderedListNode(node) ||
     isTodoListNode(node);
diff --git a/src/utils/logger.ts b/src/utils/logger.ts
index e26b7dcd..34b8f32c 100644
--- a/src/utils/logger.ts
+++ b/src/utils/logger.ts
@@ -2,11 +2,11 @@
 import { ELEMENT_TIPTAP_TIP } from '@/constants';
 
 export default class Logger {
-  static warn (msg: string) {
+  static warn(msg: string) {
     console.warn(`${ELEMENT_TIPTAP_TIP} ${msg}`);
   }
 
-  static error (msg: string) {
+  static error(msg: string) {
     console.error(`${ELEMENT_TIPTAP_TIP} ${msg}`);
   }
 }
diff --git a/src/utils/print.ts b/src/utils/print.ts
index b0919dd5..4d29042f 100644
--- a/src/utils/print.ts
+++ b/src/utils/print.ts
@@ -1,7 +1,7 @@
 import { EditorView } from 'prosemirror-view';
 import Logger from './logger';
 
-function printHtml (dom: Element) {
+function printHtml(dom: Element) {
   const style :string = Array.from(document.querySelectorAll('style, link'))
     .reduce((str, style) => str + style.outerHTML, '');
 
@@ -22,7 +22,7 @@ function printHtml (dom: Element) {
   }
 
   if (frameWindow) {
-    iframe.onload = function () {
+    iframe.onload = function() {
       try {
         setTimeout(() => {
           frameWindow.focus();
@@ -39,14 +39,14 @@ function printHtml (dom: Element) {
         Logger.error(err);
       }
 
-      setTimeout(function () {
+      setTimeout(function() {
         document.body.removeChild(iframe);
       }, 100);
     };
   }
 }
 
-export function printEditorContent (view: EditorView) {
+export function printEditorContent(view: EditorView) {
   const editorContent = view.dom.closest('.el-tiptap-editor__content');
   if (editorContent) {
     printHtml(editorContent);
diff --git a/src/utils/shared.ts b/src/utils/shared.ts
index 23ef942c..acf9b7e9 100644
--- a/src/utils/shared.ts
+++ b/src/utils/shared.ts
@@ -1,13 +1,13 @@
-export function noop (): void {}
+export function noop(): void {}
 
 /**
  * Check whether a value is NaN
  */
-export function isNaN (val: any) {
+export function isNaN(val: any) {
   return Number.isNaN(val);
 }
 
-export function clamp (val: number, min: number, max: number): number {
+export function clamp(val: number, min: number, max: number): number {
   if (val < min) {
     return min;
   }
@@ -17,7 +17,7 @@ export function clamp (val: number, min: number, max: number): number {
   return val;
 }
 
-export function readFileDataUrl (file: File): Promise<any> {
+export function readFileDataUrl(file: File): Promise<any> {
   const reader = new FileReader();
 
   return new Promise((resolve, reject) => {
@@ -32,10 +32,10 @@ export function readFileDataUrl (file: File): Promise<any> {
 /**
  * Create a cached version of a pure function.
  */
-export function cached (fn: Function): Function {
+export function cached(fn: Function): Function {
   const cache = Object.create(null);
 
-  return function cachedFn (str: string): string {
+  return function cachedFn(str: string): string {
     const hit = cache[str];
     return hit || (cache[str] = fn(str));
   };
@@ -52,6 +52,6 @@ export const capitalize = cached((str: string): string => {
  * Strict object type check. Only returns true
  * for plain JavaScript objects.
  */
-export function isPlainObject (obj: any): boolean {
+export function isPlainObject(obj: any): boolean {
   return Object.prototype.toString.call(obj) === '[object Object]';
 }
diff --git a/src/utils/table.ts b/src/utils/table.ts
index c8b236e0..0fa6598f 100644
--- a/src/utils/table.ts
+++ b/src/utils/table.ts
@@ -1,7 +1,7 @@
 import { mergeCells, splitCell } from 'prosemirror-tables';
 import { EditorState } from 'prosemirror-state';
 
-export function isTableActive (state: EditorState): boolean {
+export function isTableActive(state: EditorState): boolean {
   const { selection, doc } = state;
   const { from, to } = selection;
 
@@ -23,10 +23,10 @@ export function isTableActive (state: EditorState): boolean {
   return active;
 }
 
-export function enableMergeCells (state: EditorState): boolean {
+export function enableMergeCells(state: EditorState): boolean {
   return isTableActive(state) && mergeCells(state);
 }
 
-export function enableSplitCell (state: EditorState): boolean {
+export function enableSplitCell(state: EditorState): boolean {
   return isTableActive(state) && splitCell(state);
 }
diff --git a/src/utils/text_align.ts b/src/utils/text_align.ts
index 8c06fa0a..5d25d1de 100644
--- a/src/utils/text_align.ts
+++ b/src/utils/text_align.ts
@@ -2,14 +2,17 @@ import { EditorState, Transaction } from 'prosemirror-state';
 import { Node as ProsemirrorNode, NodeType } from 'prosemirror-model';
 import { Alignment } from '@/constants';
 
-export function isTextAlignActive (state: EditorState, alignment: Alignment): boolean {
+export function isTextAlignActive(
+  state: EditorState,
+  alignment: Alignment
+): boolean {
   const { selection, doc } = state;
   const { from, to } = selection;
 
   let keepLooking = true;
   let active = false;
 
-  doc.nodesBetween(from, to, (node) => {
+  doc.nodesBetween(from, to, node => {
     if (keepLooking && node.attrs.textAlign === alignment) {
       keepLooking = false;
       active = true;
@@ -29,12 +32,15 @@ const ALLOWED_NODE_TYPES = [
 ];
 
 interface SetTextAlignTask {
-  node: ProsemirrorNode,
-  nodeType: NodeType,
-  pos: number,
+  node: ProsemirrorNode;
+  nodeType: NodeType;
+  pos: number;
 }
 
-export function setTextAlign (tr: Transaction, alignment: Alignment | null): Transaction {
+export function setTextAlign(
+  tr: Transaction,
+  alignment: Alignment | null
+): Transaction {
   const { selection, doc } = tr;
 
   if (!selection || !doc) {
diff --git a/yarn.lock b/yarn.lock
index b4209835..e2839d28 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10097,7 +10097,7 @@ prosemirror-state@1.3.3, prosemirror-state@^1.0.0, prosemirror-state@^1.2.2, pro
     prosemirror-model "^1.0.0"
     prosemirror-transform "^1.0.0"
 
-prosemirror-tables@1.0.0:
+prosemirror-tables@1.0.0, prosemirror-tables@^1.1.1:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/prosemirror-tables/-/prosemirror-tables-1.0.0.tgz#ec3d0b11e638c6a92dd14ae816d0a2efd1719b70"
   integrity sha512-zFw5Us4G5Vdq0yIj8GiqZOGA6ud5UKpMKElux9O0HrfmhkuGa1jf1PCpz2R5pmIQJv+tIM24H1mox/ODBAX37Q==
@@ -10108,17 +10108,6 @@ prosemirror-tables@1.0.0:
     prosemirror-transform "^1.2.1"
     prosemirror-view "^1.13.3"
 
-prosemirror-tables@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/prosemirror-tables/-/prosemirror-tables-1.1.1.tgz#ad66300cc49500455cf1243bb129c9e7d883321e"
-  integrity sha512-LmCz4jrlqQZRsYRDzCRYf/pQ5CUcSOyqZlAj5kv67ZWBH1SVLP2U9WJEvQfimWgeRlIz0y0PQVqO1arRm1+woA==
-  dependencies:
-    prosemirror-keymap "^1.1.2"
-    prosemirror-model "^1.8.1"
-    prosemirror-state "^1.3.1"
-    prosemirror-transform "^1.2.1"
-    prosemirror-view "^1.13.3"
-
 prosemirror-transform@1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/prosemirror-transform/-/prosemirror-transform-1.2.5.tgz#7a3e2c61fcdbaf1d0844a2a3bc34fc3524e9809c"