fix more linting errors

docs/src/demos/Api/Schema/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <pre>{{ this.html }}</pre>
+  <pre>{{ html }}</pre>
 </template>
 
 <script>
@@ -9,22 +9,21 @@ import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 
 export default {
-
   data() {
     return {
       doc: {
-        'type': 'document',
-        'content': [{
-          'type': 'paragraph',
-          'attrs': {
-            'align': 'left'
+        type: 'document',
+        content: [{
+          type: 'paragraph',
+          attrs: {
+            align: 'left',
           },
-          'content': [{
-            'type': 'text',
-            'text': 'Example Text'
-          }]
-        }]
-      }
+          content: [{
+            type: 'text',
+            text: 'Example Text',
+          }],
+        }],
+      },
     }
   },
 
@@ -35,8 +34,7 @@ export default {
         Paragraph(),
         Text(),
       ])
-    }
-  }
-
+    },
+  },
 }
-</script>
+</script>

docs/src/demos/Examples/Basic/index.vue

@@ -83,7 +83,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: defaultExtensions(),
-      content:  `
+      content: `
         <h2>
           Hi there,
         </h2>
@@ -112,4 +112,4 @@ export default {
     this.editor.destroy()
   },
 }
-</script>
+</script>

docs/src/demos/Examples/ExportHtmlOrJson/index.vue

@@ -88,4 +88,4 @@ export default {
 }
 </script>
 
-<style lang="scss" src="./style.scss">
+<style lang="scss" src="./style.scss">

docs/src/demos/Examples/Focus/index.vue

@@ -55,4 +55,4 @@ export default {
 }
 </script>
 
-<style lang="scss" src="./style.scss">
+<style lang="scss" src="./style.scss">

docs/src/demos/Examples/History/index.vue

@@ -28,7 +28,7 @@ export default {
 
   mounted() {
     this.editor = new Editor({
-      content:  `
+      content: `
         <h2>
           History
         </h2>
@@ -44,4 +44,4 @@ export default {
     this.editor.destroy()
   },
 }
-</script>
+</script>

docs/src/demos/Examples/MarkdownShortcuts/index.vue

@@ -20,7 +20,7 @@ export default {
 
   mounted() {
     this.editor = new Editor({
-      content:  `
+      content: `
         <p>
           Start a new line and type <code>#</code> followed by a space to get a headline. Try <code>#</code>, <code>##</code>, <code>###</code>, <code>####</code>, <code>#####</code>, <code>######</code> for different levels.
         </p>
@@ -39,4 +39,4 @@ export default {
     this.editor.destroy()
   },
 }
-</script>
+</script>

docs/src/demos/Examples/ReadOnly/index.vue

@@ -49,4 +49,4 @@ export default {
 }
 </script>
 
-<style lang="scss" src="./style.scss">
+<style lang="scss" src="./style.scss">

docs/src/demos/Examples/Simple/index.vue

@@ -41,4 +41,4 @@ export default {
     this.editor.destroy()
   },
 }
-</script>
+</script>

docs/src/demos/ExtensionConfiguration/index.vue

@@ -38,4 +38,4 @@ export default {
     this.editor.destroy()
   },
 }
-</script>
+</script>

docs/src/demos/Extensions/Blockquote/index.vue

@@ -46,6 +46,6 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>

docs/src/demos/Extensions/Bold/index.vue

@@ -49,6 +49,6 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>

docs/src/demos/Extensions/BulletList/index.vue

@@ -48,6 +48,6 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>

docs/src/demos/Extensions/Code/index.vue

@@ -44,6 +44,6 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>

docs/src/demos/Extensions/CodeBlock/index.vue

@@ -59,6 +59,6 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>

docs/src/demos/Extensions/Document/index.vue

@@ -37,6 +37,6 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>

docs/src/demos/Extensions/HardBreak/index.vue

@@ -52,6 +52,6 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>

docs/src/demos/Extensions/Heading/index.vue

@@ -54,6 +54,6 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>

docs/src/demos/Extensions/History/index.vue

@@ -46,6 +46,6 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>

docs/src/demos/Extensions/HorizontalRule/index.vue

@@ -47,6 +47,6 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>

docs/src/demos/Extensions/Italic/index.vue

@@ -46,6 +46,6 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>

docs/src/demos/Extensions/Link/index.vue

@@ -41,6 +41,6 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>

docs/src/demos/Extensions/ListItem/index.vue

@@ -68,6 +68,6 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>

docs/src/demos/Extensions/OrderedList/index.vue

@@ -48,6 +48,6 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>

docs/src/demos/Extensions/Paragraph/index.vue

@@ -37,6 +37,6 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>

docs/src/demos/Extensions/Strike/index.vue

@@ -47,6 +47,6 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>

docs/src/demos/Extensions/Text/index.vue

@@ -37,6 +37,6 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>

docs/src/demos/Extensions/Underline/index.vue

@@ -45,6 +45,6 @@ export default {
 
   beforeDestroy() {
     this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>

docs/src/demos/General/Installation/index.vue

@@ -27,4 +27,4 @@ export default {
     this.editor.destroy()
   },
 }
-</script>
+</script>

docs/src/demos/Guide/BuildYourEditor/index.vue

@@ -72,4 +72,4 @@ export default {
     this.editor.destroy()
   },
 }
-</script>
+</script>

docs/src/demos/Guide/GettingStarted/index.vue

@@ -27,4 +27,4 @@ export default {
     this.editor.destroy()
   },
 }
-</script>
+</script>

docs/src/demos/React/components/Editor.jsx

@@ -1,11 +1,15 @@
-import React, { useState, useRef, useEffect, createContext, useContext } from 'react'
+import {
+  useState, useRef, useEffect, createContext, useContext,
+} from 'react'
 import { Editor as Tiptap } from '@tiptap/core'
 
 export const EditorContext = createContext({})
 
 export const useEditor = () => useContext(EditorContext)
 
-export const Editor = ({ value, onChange, children, ...props }) => {
+export const Editor = ({
+  value, onChange, children, ...props
+}) => {
   const [editor, setEditor] = useState(null)
   const editorRef = useRef(null)
 

docs/src/demos/React/index.jsx

@@ -1,6 +1,6 @@
-import React, { useState } from 'react'
-import { useEditor, Editor } from './components/Editor'
+import { useState } from 'react'
 import extensions from '@tiptap/starter-kit'
+import { useEditor, Editor } from './components/Editor'
 
 // Menu bar example component
 // useEditor only works for child components of <Editor />
@@ -24,39 +24,39 @@ const MenuBar = () => {
 
 export default () => {
   const [value, setValue] = useState({
-    'type': 'document',
-    'content': [
-       {
-          'type': 'paragraph',
-          'content': [
-             {
-                'type': 'text',
-                'text': 'rendered in '
-             },
-             {
-                'type': 'text',
-                'marks': [
-                   {
-                      'type': 'bold'
-                   }
-                ],
-                'text': 'react'
-             },
-             {
-                'type': 'text',
-                'text': '!'
-             }
-          ]
-       }
-    ]
- })
+    type: 'document',
+    content: [
+      {
+        type: 'paragraph',
+        content: [
+          {
+            type: 'text',
+            text: 'rendered in ',
+          },
+          {
+            type: 'text',
+            marks: [
+              {
+                type: 'bold',
+              },
+            ],
+            text: 'react',
+          },
+          {
+            type: 'text',
+            text: '!',
+          },
+        ],
+      },
+    ],
+  })
 
   return (
     <>
       <p>
         <button onClick={() => alert(JSON.stringify(value))}>Alert state</button>
       </p>
-      <hr style={{ margin: '0.85rem 0'}} />
+      <hr style={{ margin: '0.85rem 0' }} />
       <Editor
         value={value}
         onChange={setValue}

docs/src/demos/SimpleMenuBar/index.vue

@@ -41,4 +41,4 @@ export default {
     this.editor.destroy()
   },
 }
-</script>
+</script>