diff --git a/docs/gridsome.config.js b/docs/gridsome.config.js
index c3fb6c70..0e7d1212 100644
--- a/docs/gridsome.config.js
+++ b/docs/gridsome.config.js
@@ -12,7 +12,7 @@ function addStyleResource(rule) {
 
 module.exports = {
   siteName: 'tiptap',
-  titleTemplate: '%s',
+  titleTemplate: '%s | tiptap',
   port: 3000,
   plugins: [
     {
@@ -20,7 +20,7 @@ module.exports = {
       options: {
         typeName: 'DocPage',
         baseDir: './src/docPages',
-        template: './src/templates/DocPage',
+        template: './src/templates/DocPage/index.vue',
         index: './introduction',
         plugins: [
           '@gridsome/remark-prismjs',
diff --git a/docs/package.json b/docs/package.json
index 018096b6..2d07af4a 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -7,14 +7,14 @@
     "build": "gridsome build"
   },
   "dependencies": {
-    "@gridsome/remark-prismjs": "^0.4.0",
+    "@gridsome/remark-prismjs": "^0.5.0",
     "@gridsome/source-filesystem": "^0.6.2",
     "@gridsome/transformer-json": "^0.2.1",
     "@gridsome/vue-remark": "^0.2.5",
     "@mvasilkov/outdent": "^1.0.4",
     "collect.js": "^4.28.2",
     "globby": "^11.0.0",
-    "gridsome": "0.7.21",
+    "gridsome": "0.7.22",
     "gridsome-plugin-simple-analytics": "^1.1.0",
     "portal-vue": "^2.1.7",
     "raw-loader": "^4.0.2",
@@ -34,7 +34,7 @@
     "@babel/preset-env": "^7.11.5",
     "@babel/preset-react": "^7.10.4",
     "html-loader": "^1.3.2",
-    "node-sass": "^4.14.1",
+    "node-sass": "^5.0.0",
     "sass-loader": "^10.0.3",
     "style-resources-loader": "^1.3.3",
     "ts-loader": "^8.0.7"
diff --git a/docs/src/demos/Examples/CollaborativeEditing/index.vue b/docs/src/demos/Examples/CollaborativeEditing/index.vue
index d5bf961c..af1c2057 100644
--- a/docs/src/demos/Examples/CollaborativeEditing/index.vue
+++ b/docs/src/demos/Examples/CollaborativeEditing/index.vue
@@ -1,14 +1,83 @@
 <template>
   <div>
-    <button @click="setName">
-      Set Name
-    </button>
-    <button @click="changeName">
-      Random Name
-    </button>
-    <button @click="changeColor">
-      Random Color
-    </button>
+    <div v-if="editor">
+      <button @click="editor.chain().focus().bold().run()" :class="{ 'is-active': editor.isActive('bold') }">
+        bold
+      </button>
+      <button @click="editor.chain().focus().italic().run()" :class="{ 'is-active': editor.isActive('italic') }">
+        italic
+      </button>
+      <button @click="editor.chain().focus().strike().run()" :class="{ 'is-active': editor.isActive('strike') }">
+        strike
+      </button>
+      <button @click="editor.chain().focus().code().run()" :class="{ 'is-active': editor.isActive('code') }">
+        code
+      </button>
+      <button @click="editor.chain().focus().removeMarks().run()">
+        clear marks
+      </button>
+      <button @click="editor.chain().focus().clearNodes().run()">
+        clear nodes
+      </button>
+      <button @click="editor.chain().focus().paragraph().run()" :class="{ 'is-active': editor.isActive('paragraph') }">
+        paragraph
+      </button>
+      <button @click="editor.chain().focus().heading({ level: 1 }).run()" :class="{ 'is-active': editor.isActive('heading', { level: 1 }) }">
+        h1
+      </button>
+      <button @click="editor.chain().focus().heading({ level: 2 }).run()" :class="{ 'is-active': editor.isActive('heading', { level: 2 }) }">
+        h2
+      </button>
+      <button @click="editor.chain().focus().heading({ level: 3 }).run()" :class="{ 'is-active': editor.isActive('heading', { level: 3 }) }">
+        h3
+      </button>
+      <button @click="editor.chain().focus().heading({ level: 4 }).run()" :class="{ 'is-active': editor.isActive('heading', { level: 4 }) }">
+        h4
+      </button>
+      <button @click="editor.chain().focus().heading({ level: 5 }).run()" :class="{ 'is-active': editor.isActive('heading', { level: 5 }) }">
+        h5
+      </button>
+      <button @click="editor.chain().focus().heading({ level: 6 }).run()" :class="{ 'is-active': editor.isActive('heading', { level: 6 }) }">
+        h6
+      </button>
+      <button @click="editor.chain().focus().bulletList().run()" :class="{ 'is-active': editor.isActive('bulletList') }">
+        bullet list
+      </button>
+      <button @click="editor.chain().focus().orderedList().run()" :class="{ 'is-active': editor.isActive('orderedList') }">
+        ordered list
+      </button>
+      <button @click="editor.chain().focus().codeBlock().run()" :class="{ 'is-active': editor.isActive('codeBlock') }">
+        code block
+      </button>
+      <button @click="editor.chain().focus().blockquote().run()" :class="{ 'is-active': editor.isActive('blockquote') }">
+        blockquote
+      </button>
+      <button @click="editor.chain().focus().horizontalRule().run()">
+        horizontal rule
+      </button>
+      <button @click="editor.chain().focus().hardBreak().run()">
+        hard break
+      </button>
+      <button @click="editor.chain().focus().undo().run()">
+        undo
+      </button>
+      <button @click="editor.chain().focus().redo().run()">
+        redo
+      </button>
+
+      <br>
+      <br>
+
+      <button @click="setName">
+        Set Name
+      </button>
+      <button @click="changeName">
+        Random Name
+      </button>
+      <button @click="changeColor">
+        Random Color
+      </button>
+    </div>
 
     <div class="collaboration-status">
       {{ users.length }} user{{ users.length === 1 ? '' : 's' }}
@@ -29,7 +98,7 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
+import { Editor, EditorContent, defaultExtensions } from '@tiptap/vue-starter-kit'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
@@ -60,21 +129,15 @@ export default {
 
   mounted() {
     this.ydoc = new Y.Doc()
-    this.provider = new WebrtcProvider(this.documentName, this.ydoc)
     this.type = this.ydoc.getXmlFragment('prosemirror')
     this.indexdb = new IndexeddbPersistence(this.documentName, this.ydoc)
 
+    this.provider = new WebrtcProvider(this.documentName, this.ydoc)
     this.provider.awareness.on('change', this.updateState)
 
     this.editor = new Editor({
-      // TODO: This is added by every new user.
-      // content: `
-      //   <p>Example Text</p>
-      // `,
       extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
+        ...defaultExtensions(),
         Collaboration({
           provider: this.provider,
           type: this.type,
diff --git a/docs/src/demos/Examples/Focus/index.spec.js b/docs/src/demos/Examples/Focus/index.spec.js
deleted file mode 100644
index 029eb69e..00000000
--- a/docs/src/demos/Examples/Focus/index.spec.js
+++ /dev/null
@@ -1,9 +0,0 @@
-context('/examples/focus', () => {
-  before(() => {
-    cy.visit('/examples/focus')
-  })
-
-  it('should have class', () => {
-    cy.get('.ProseMirror p:first').should('have.class', 'has-focus')
-  })
-})
diff --git a/docs/src/demos/Examples/Focus/index.vue b/docs/src/demos/Examples/Focus/index.vue
deleted file mode 100644
index b7a2408c..00000000
--- a/docs/src/demos/Examples/Focus/index.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<template>
-  <div>
-    <editor-content :editor="editor" />
-  </div>
-</template>
-
-<script>
-import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
-import Document from '@tiptap/extension-document'
-import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
-import Code from '@tiptap/extension-code'
-import BulletList from '@tiptap/extension-bullet-list'
-import ListItem from '@tiptap/extension-list-item'
-import Focus from '@tiptap/extension-focus'
-
-export default {
-  components: {
-    EditorContent,
-  },
-
-  data() {
-    return {
-      editor: null,
-    }
-  },
-
-  mounted() {
-    this.editor = new Editor({
-      extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        Code(),
-        BulletList(),
-        ListItem(),
-        Focus({
-          className: 'has-focus',
-          nested: true,
-        }),
-      ],
-      autoFocus: true,
-      content: `
-        <p>
-          The focus extension adds a class to the focused node only. That enables you to add a custom styling to just that node. By default, it’ll add <code>.has-focus</code>, even to nested nodes.
-        </p>
-        <ul>
-          <li>Nested elements (like this list item) will be focused with the default setting of <code>nested: true</code>.</li>
-          <li>Otherwise the whole list will get the focus class, even when just a single list item is selected.</li>
-        </ul>
-      `,
-    })
-  },
-
-  beforeDestroy() {
-    this.editor.destroy()
-  },
-}
-</script>
-
-<style lang="scss">
-.has-focus {
-  border-radius: 3px;
-  box-shadow: 0 0 0 3px #3ea4ffe6;
-}
-</style>
diff --git a/docs/src/demos/Examples/History/index.spec.js b/docs/src/demos/Examples/History/index.spec.js
deleted file mode 100644
index 8e5d02ac..00000000
--- a/docs/src/demos/Examples/History/index.spec.js
+++ /dev/null
@@ -1,31 +0,0 @@
-context('/examples/history', () => {
-  before(() => {
-    cy.visit('/examples/history')
-  })
-
-  beforeEach(() => {
-    cy.get('.ProseMirror').then(([{ editor }]) => {
-      editor.clearContent()
-    })
-  })
-
-  it('should not have a mistake', () => {
-    cy.get('.ProseMirror').then(() => {
-      cy.get('.ProseMirror').should('not.contain', 'Mistake')
-    })
-  })
-
-  it('should have a mistake', () => {
-    cy.get('.ProseMirror').then(([{ editor }]) => {
-      editor.insertText('Mistake')
-      cy.get('.ProseMirror').should('contain', 'Mistake')
-    })
-  })
-
-  it('the mistake should be removed again', () => {
-    cy.get('.ProseMirror').then(([{ editor }]) => {
-      editor.undo()
-      cy.get('.ProseMirror').should('not.contain', 'Mistake')
-    })
-  })
-})
diff --git a/docs/src/demos/Examples/History/index.vue b/docs/src/demos/Examples/History/index.vue
deleted file mode 100644
index 578c3926..00000000
--- a/docs/src/demos/Examples/History/index.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<template>
-  <div>
-    <div v-if="editor">
-      <button @click="editor.chain().focus().undo().run()">
-        undo
-      </button>
-      <button @click="editor.chain().focus().redo().run()">
-        redo
-      </button>
-    </div>
-    <editor-content :editor="editor" />
-  </div>
-</template>
-
-<script>
-import { Editor, EditorContent, defaultExtensions } from '@tiptap/vue-starter-kit'
-
-export default {
-  components: {
-    EditorContent,
-  },
-
-  data() {
-    return {
-      editor: null,
-    }
-  },
-
-  mounted() {
-    this.editor = new Editor({
-      content: `
-        <p>
-          With the <code>History</code> extension the Editor will keep track of your changes. And if you think you made a mistake, you can redo your changes. Try it out, change the content and hit the undo button!
-        </p>
-        <p>
-          And yes, you can also use a keyboard shortcut to undo changes (<code>Control/Cmd</code> <code>Z</code>) or redo changes (<code>Control/Cmd</code> <code>Shift</code> <code>Z</code>).
-        </p>
-      `,
-      extensions: defaultExtensions(),
-    })
-  },
-
-  beforeDestroy() {
-    this.editor.destroy()
-  },
-}
-</script>
diff --git a/docs/src/demos/Examples/TodoApp/index.vue b/docs/src/demos/Examples/TodoApp/index.vue
index 9ebd584a..702d9499 100644
--- a/docs/src/demos/Examples/TodoApp/index.vue
+++ b/docs/src/demos/Examples/TodoApp/index.vue
@@ -17,6 +17,10 @@ const CustomDocument = Document.extend({
   content: 'taskList',
 })
 
+const CustomTaskItem = TaskItem.extend({
+  content: 'paragraph',
+})
+
 export default {
   components: {
     EditorContent,
@@ -35,10 +39,10 @@ export default {
         Paragraph(),
         Text(),
         TaskList(),
-        TaskItem(),
+        CustomTaskItem(),
       ],
       content: `
-        <ul data-type="task_list">
+        <ul data-type="taskList">
           <li data-type="taskItem" data-checked="true">A list item</li>
           <li data-type="taskItem" data-checked="false">And another one</li>
         </ul>
diff --git a/docs/src/demos/Extensions/Focus/index.vue b/docs/src/demos/Extensions/Focus/index.vue
index b4c7f0f3..fa38363e 100644
--- a/docs/src/demos/Extensions/Focus/index.vue
+++ b/docs/src/demos/Extensions/Focus/index.vue
@@ -10,6 +10,9 @@ import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import Focus from '@tiptap/extension-focus'
+import Code from '@tiptap/extension-code'
+import BulletList from '@tiptap/extension-bullet-list'
+import ListItem from '@tiptap/extension-list-item'
 
 export default {
   components: {
@@ -32,15 +35,19 @@ export default {
           className: 'has-focus',
           nested: true,
         }),
+        Code(),
+        BulletList(),
+        ListItem(),
       ],
       autoFocus: true,
       content: `
         <p>
           The focus extension adds a class to the focused node only. That enables you to add a custom styling to just that node. By default, it’ll add <code>.has-focus</code>, even to nested nodes.
         </p>
-        <p>
-          Nested elements will be focused with the default setting nested: true. Otherwise the whole item will get the focus class, even when just a single nested item is selected.
-        </p>
+        <ul>
+          <li>Nested elements (like this list item) will be focused with the default setting of <code>nested: true</code>.</li>
+          <li>Otherwise the whole list will get the focus class, even when just a single list item is selected.</li>
+        </ul>
       `,
     })
   },
diff --git a/docs/src/demos/Extensions/History/index.vue b/docs/src/demos/Extensions/History/index.vue
index dec37b12..b44d168e 100644
--- a/docs/src/demos/Extensions/History/index.vue
+++ b/docs/src/demos/Extensions/History/index.vue
@@ -39,7 +39,12 @@ export default {
         History(),
       ],
       content: `
-        <p>Edit this text and press undo to test this extension.</p>
+        <p>
+          With the History extension the Editor will keep track of your changes. And if you think you made a mistake, you can redo your changes. Try it out, change the content and hit the undo button!
+        </p>
+        <p>
+          And yes, you can also use a keyboard shortcut to undo changes (Control/Cmd Z) or redo changes (Control/Cmd Shift Z).
+        </p>
       `,
     })
   },
diff --git a/docs/src/demos/Extensions/TextAlign/index.spec.js b/docs/src/demos/Extensions/TextAlign/index.spec.js
index 125c4571..3ebbd435 100644
--- a/docs/src/demos/Extensions/TextAlign/index.spec.js
+++ b/docs/src/demos/Extensions/TextAlign/index.spec.js
@@ -1,18 +1,84 @@
-context('/api/nodes/text', () => {
+context('/api/extensions/text-align', () => {
   before(() => {
-    cy.visit('/api/nodes/text')
+    cy.visit('/api/extensions/text-align')
   })
 
   beforeEach(() => {
     cy.get('.ProseMirror').then(([{ editor }]) => {
-      editor.clearContent()
+      editor.setContent('<p>Example Text</p>')
     })
   })
 
-  it('text should be wrapped in a paragraph by default', () => {
+  it('should parse left align text correctly', () => {
+    cy.get('.ProseMirror').then(([{ editor }]) => {
+      editor.setContent('<p style="text-align: left">Example Text</p>')
+      expect(editor.getHTML()).to.eq('<p style="text-align: left">Example Text</p>')
+    })
+  })
+
+  it('should parse center align text correctly', () => {
+    cy.get('.ProseMirror').then(([{ editor }]) => {
+      editor.setContent('<p style="text-align: center">Example Text</p>')
+      expect(editor.getHTML()).to.eq('<p style="text-align: center">Example Text</p>')
+    })
+  })
+
+  it('should parse right align text correctly', () => {
+    cy.get('.ProseMirror').then(([{ editor }]) => {
+      editor.setContent('<p style="text-align: right">Example Text</p>')
+      expect(editor.getHTML()).to.eq('<p style="text-align: right">Example Text</p>')
+    })
+  })
+
+  it('should parse left justify text correctly', () => {
+    cy.get('.ProseMirror').then(([{ editor }]) => {
+      editor.setContent('<p style="text-align: justify">Example Text</p>')
+      expect(editor.getHTML()).to.eq('<p style="text-align: justify">Example Text</p>')
+    })
+  })
+
+  it('aligns the text left on the 1st button', () => {
+    cy.get('.demo__preview button:nth-child(1)')
+      .click()
+
     cy.get('.ProseMirror')
-      .type('Example Text')
       .find('p')
-      .should('contain', 'Example Text')
+      .should('have.css', 'text-align', 'left')
+  })
+
+  it('aligns the text center on the 2nd button', () => {
+    cy.get('.demo__preview button:nth-child(2)')
+      .click()
+
+    cy.get('.ProseMirror')
+      .find('p')
+      .should('have.css', 'text-align', 'center')
+  })
+
+  it('aligns the text right on the 3rd button', () => {
+    cy.get('.demo__preview button:nth-child(3)')
+      .click()
+
+    cy.get('.ProseMirror')
+      .find('p')
+      .should('have.css', 'text-align', 'right')
+  })
+
+  it('aligns the text justified on the 4th button', () => {
+    cy.get('.demo__preview button:nth-child(4)')
+      .click()
+
+    cy.get('.ProseMirror')
+      .find('p')
+      .should('have.css', 'text-align', 'justify')
+  })
+
+  it('aligns the text default on the 5th button', () => {
+    cy.get('.demo__preview button:nth-child(5)')
+      .click()
+
+    cy.get('.ProseMirror')
+      .find('p')
+      .should('have.css', 'text-align', 'left')
   })
 })
diff --git a/docs/src/demos/Extensions/TextAlign/index.vue b/docs/src/demos/Extensions/TextAlign/index.vue
index 08ec6d50..8b5e963a 100644
--- a/docs/src/demos/Extensions/TextAlign/index.vue
+++ b/docs/src/demos/Extensions/TextAlign/index.vue
@@ -9,6 +9,9 @@
     <button @click="editor.chain().focus().textAlign('right').run()">
       right
     </button>
+    <button @click="editor.chain().focus().textAlign('justify').run()">
+      justify
+    </button>
     <button @click="editor.chain().focus().resetNodeAttributes(['textAlign']).run()">
       set default
     </button>
diff --git a/docs/src/demos/Extensions/Typography/index.spec.js b/docs/src/demos/Extensions/Typography/index.spec.js
index 0ac01fcf..af4fc82d 100644
--- a/docs/src/demos/Extensions/Typography/index.spec.js
+++ b/docs/src/demos/Extensions/Typography/index.spec.js
@@ -98,4 +98,28 @@ context('/api/extensions/typography', () => {
       .type('>> raquorow')
       .should('contain', '» raquo')
   })
+
+  it('should make a multiplication sign from an asterisk', () => {
+    cy.get('.ProseMirror')
+      .type('1*1 multiplication')
+      .should('contain', '1×1 multiplication')
+  })
+
+  it('should make a multiplication sign from an x', () => {
+    cy.get('.ProseMirror')
+      .type('1x1 multiplication')
+      .should('contain', '1×1 multiplication')
+  })
+
+  it('should make a multiplication sign from an asterisk with spaces', () => {
+    cy.get('.ProseMirror')
+      .type('1 * 1 multiplication')
+      .should('contain', '1 × 1 multiplication')
+  })
+
+  it('should make a multiplication sign from an x with spaces', () => {
+    cy.get('.ProseMirror')
+      .type('1 x 1 multiplication')
+      .should('contain', '1 × 1 multiplication')
+  })
 })
diff --git a/docs/src/docPages/api/commands.md b/docs/src/docPages/api/commands.md
index 7b26bb80..f105b00e 100644
--- a/docs/src/docPages/api/commands.md
+++ b/docs/src/docPages/api/commands.md
@@ -18,7 +18,7 @@ While that’s perfectly fine and does make the selected bold, you’d likely wa
 Most commands can be executed combined to one call. First of all, that’s shorter than separate function call in most cases. Here is an example to make the selected text bold:
 
 ```js
-editor.chain().focus().bold().run()
+editor.chain().bold().focus().run()
 ```
 
 The `.chain()` is required to start a new chain and the `.run()` is needed to actually execute all the commands in between. Between those two functions, this example combines to different commands.
diff --git a/docs/src/docPages/api/extensions/collaboration-cursor.md b/docs/src/docPages/api/extensions/collaboration-cursor.md
index 52ae2f11..3783a341 100644
--- a/docs/src/docPages/api/extensions/collaboration-cursor.md
+++ b/docs/src/docPages/api/extensions/collaboration-cursor.md
@@ -1,9 +1,9 @@
-# Collaboration Cursor
+# CollaborationCursor
 This extension adds information about all connected users (like their name and a specified color), their current cursor position and their text selection (if there’s one).
 
 Open this page in multiple browser windows to test it.
 
-:::premium 💖 Pro Extension
+:::premium Pro Extension
 We kindly ask you to sponsor us, before using this extension in production. [Read more](/sponsor)
 :::
 
diff --git a/docs/src/docPages/api/extensions/focus.md b/docs/src/docPages/api/extensions/focus.md
index ff888d6d..122a67b6 100644
--- a/docs/src/docPages/api/extensions/focus.md
+++ b/docs/src/docPages/api/extensions/focus.md
@@ -22,4 +22,4 @@ yarn add @tiptap/extension-focus
 [packages/extension-focus/](https://github.com/ueberdosis/tiptap-next/blob/main/packages/extension-focus/)
 
 ## Usage
-<demo name="Extensions/Focus" highlight="31-34,12" />
+<demo name="Extensions/Focus" highlight="12,34-37" />
diff --git a/docs/src/docPages/api/extensions/history.md b/docs/src/docPages/api/extensions/history.md
index b4fa23a6..6423e938 100644
--- a/docs/src/docPages/api/extensions/history.md
+++ b/docs/src/docPages/api/extensions/history.md
@@ -18,9 +18,9 @@ yarn add @tiptap/extension-history
 
 ## Commands
 | Command | Parameters | Description           |
-| ------- | ------- | --------------------- |
-| undo    | —       | Undo the last change. |
-| redo    | —       | Redo the last change. |
+| ------- | ---------- | --------------------- |
+| undo    | —          | Undo the last change. |
+| redo    | —          | Redo the last change. |
 
 ## Keyboard shortcuts
 ### Undo
diff --git a/docs/src/docPages/api/extensions/text-align.md b/docs/src/docPages/api/extensions/text-align.md
index 3c6fcf8f..e8cd2ab2 100644
--- a/docs/src/docPages/api/extensions/text-align.md
+++ b/docs/src/docPages/api/extensions/text-align.md
@@ -1,4 +1,5 @@
 # TextAlign
+This extension adds a text align attribute to a specified list of nodes. The attribute is used to align the text.
 
 ## Installation
 ```bash
@@ -10,16 +11,25 @@ yarn add @tiptap/extension-text-align
 ```
 
 ## Settings
-*None*
+| Option           | Type   | Default                                | Description                                                          |
+| ---------------- | ------ | -------------------------------------- | -------------------------------------------------------------------- |
+| types            | array  | ['heading', 'paragraph']               | A list of nodes where the text align attribute should be applied to. |
+| alignments       | array  | ['left', 'center', 'right', 'justify'] | A list of available options for the text align attribute.            |
+| defaultAlignment | string | left                                   | The default text align.                                              |
 
 ## Commands
-*None*
+| Command   | Parameters | Description                                |
+| --------- | ---------- | ------------------------------------------ |
+| textAlign | alignment  | Set the text align to the specified value. |
 
 ## Keyboard shortcuts
-*None*
+* `Ctrl`&nbsp;`Shift`&nbsp;`L` Left
+* `Ctrl`&nbsp;`Shift`&nbsp;`E` Center
+* `Ctrl`&nbsp;`Shift`&nbsp;`R` Right
+* `Ctrl`&nbsp;`Shift`&nbsp;`J` Justify
 
 ## Source code
 [packages/extension-text-align/](https://github.com/ueberdosis/tiptap-next/blob/main/packages/extension-text-align/)
 
 ## Usage
-<demo name="Extensions/TextAlign" highlight="12,30" />
+<demo name="Extensions/TextAlign" highlight="29" />
diff --git a/docs/src/docPages/api/extensions/typography.md b/docs/src/docPages/api/extensions/typography.md
index 9092ed65..63d0eec9 100644
--- a/docs/src/docPages/api/extensions/typography.md
+++ b/docs/src/docPages/api/extensions/typography.md
@@ -4,33 +4,37 @@ This extension tries to help with common text patterns with the correct typograp
 ## Installation
 ```bash
 # with npm
-npm install @tiptap/typography
+npm install @tiptap/extension-typography
 
 # with Yarn
-yarn add @tiptap/typography
+yarn add @tiptap/extension-typography
 ```
 
 ## Rules
-| Name                | Description                                                      |
-| ------------------- | ---------------------------------------------------------------- |
-| emDash              | Converts double dashes `--` to an emdash `—`.                    |
-| ellipsis            | Converts three dots `...` to an ellipsis character `…`           |
-| openDoubleQuote     | `“`Smart” opening double quotes.                                 |
-| closeDoubleQuote    | “Smart`”` closing double quotes.                                 |
-| openSingleQuote     | `‘`Smart’ opening single quotes.                                 |
-| closeSingleQuote    | ‘Smart`’` closing single quotes.                                 |
-| leftArrow           | Converts <code><&dash;</code> to an arrow `←` .                  |
-| rightArrow          | Converts <code>&dash;></code> to an arrow `→`.                   |
-| copyright           | Converts `(c)` to a copyright sign `©`.                          |
-| registeredTrademark | Converts `(r)` to registered trademark sign `®`.                 |
-| oneHalf             | Converts `1/2` to one half `½`.                                  |
-| plusMinus           | Converts `+/-` to plus/minus sign `±`.                           |
-| notEqual            | Converts `!=` to a not equal sign `≠`.                           |
-| laquo               | Converts `<<` to left-pointing double angle quotation mark `«`.  |
-| raquo               | Converts `>>` to right-pointing double angle quotation mark `»`. |
+| Name                    | Description                                                      |
+| ----------------------- | ---------------------------------------------------------------- |
+| emDash                  | Converts double dashes `--` to an emdash `—`.                    |
+| ellipsis                | Converts three dots `...` to an ellipsis character `…`           |
+| openDoubleQuote         | `“`Smart” opening double quotes.                                 |
+| closeDoubleQuote        | “Smart`”` closing double quotes.                                 |
+| openSingleQuote         | `‘`Smart’ opening single quotes.                                 |
+| closeSingleQuote        | ‘Smart`’` closing single quotes.                                 |
+| leftArrow               | Converts <code><&dash;</code> to an arrow `←` .                  |
+| rightArrow              | Converts <code>&dash;></code> to an arrow `→`.                   |
+| copyright               | Converts `(c)` to a copyright sign `©`.                          |
+| registeredTrademark     | Converts `(r)` to registered trademark sign `®`.                 |
+| oneHalf                 | Converts `1/2` to one half `½`.                                  |
+| plusMinus               | Converts `+/-` to plus/minus sign `±`.                           |
+| notEqual                | Converts `!=` to a not equal sign `≠`.                           |
+| laquo                   | Converts `<<` to left-pointing double angle quotation mark `«`.  |
+| raquo                   | Converts `>>` to right-pointing double angle quotation mark `»`. |
+| multiplication          | Converts `2 * 3` or `2x3` to a multiplcation sign `2×3™`.        |
+
+## Keyboard shortcuts
+* `Backspace` reverts the applied input rule
 
 ## Source code
-[packages/typography/](https://github.com/ueberdosis/tiptap-next/blob/main/packages/typography/)
+[packages/extension-typography/](https://github.com/ueberdosis/tiptap-next/blob/main/packages/extension-typography/)
 
 ## Usage
 <demo name="Extensions/Typography" highlight="12,31" />
diff --git a/docs/src/docPages/api/marks/highlight.md b/docs/src/docPages/api/marks/highlight.md
index c0efc3f5..5da69388 100644
--- a/docs/src/docPages/api/marks/highlight.md
+++ b/docs/src/docPages/api/marks/highlight.md
@@ -5,10 +5,10 @@ Type `==two equal signs==` and it will magically transform to <mark>highlighted<
 
 ## Installation
 ```bash
-# With npm
+# with npm
 npm install @tiptap/extension-highlight
 
-# Or: With Yarn
+# with Yarn
 yarn add @tiptap/extension-highlight
 ```
 
diff --git a/docs/src/docPages/api/nodes/heading.md b/docs/src/docPages/api/nodes/heading.md
index 652d0630..15e4ac96 100644
--- a/docs/src/docPages/api/nodes/heading.md
+++ b/docs/src/docPages/api/nodes/heading.md
@@ -16,7 +16,7 @@ yarn add @tiptap/extension-heading
 | Option | Type   | Default            | Description                                   |
 | ------ | ------ | ------------------ | --------------------------------------------- |
 | class  | string | –                  | Add a custom class to the rendered HTML tag.  |
-| levels | Array  | [1, 2, 3, 4, 5, 6] | Specifies which heading levels are supported. |
+| levels | array  | [1, 2, 3, 4, 5, 6] | Specifies which heading levels are supported. |
 
 ## Commands
 | Command | Parameters | Description                                      |
diff --git a/docs/src/docPages/examples/collaborative-editing.md b/docs/src/docPages/examples/collaborative-editing.md
index ea52b29a..2af3c0b5 100644
--- a/docs/src/docPages/examples/collaborative-editing.md
+++ b/docs/src/docPages/examples/collaborative-editing.md
@@ -1,6 +1,6 @@
 # Collaborative editing
 
-:::premium Requires pro extensions
+:::premium Requires Pro Extensions
 We kindly ask you to sponsor us, before using this example in production. [Read more](/sponsor)
 :::
 
@@ -10,10 +10,10 @@ It connects client with WebRTC and merges changes to the document (no matter whe
 
 If you want to learn more about collaborative text editing, [check out our guide on that topic](/guide/collaborative-editing). Anyway, it’s showtime now:
 
-:::warning The content of this editor is shared with other users from the Internet.
-Don’t share your password, credit card numbers or other things you wouldn’t make public.
+:::warning Shared Document
+Be nice! The content of this editor is shared with other users from the Internet.
 :::
 
-<!-- <demo name="Examples/Collaboration" :show-source="false"/> -->
+<!-- <demo name="Examples/CollaborativeEditing" :show-source="false"/> -->
 
 <demo name="Examples/CollaborativeEditing" />
diff --git a/docs/src/docPages/examples/focus.md b/docs/src/docPages/examples/focus.md
deleted file mode 100644
index be7024ea..00000000
--- a/docs/src/docPages/examples/focus.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Focus
-
-<demo name="Examples/Focus" highlight="15,37-40,42" />
diff --git a/docs/src/docPages/examples/history.md b/docs/src/docPages/examples/history.md
deleted file mode 100644
index 6ef78819..00000000
--- a/docs/src/docPages/examples/history.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# History
-
-<demo name="Examples/History" highlight="4-9" />
\ No newline at end of file
diff --git a/docs/src/docPages/guide/advanced-node-views.md b/docs/src/docPages/guide/advanced-node-views.md
new file mode 100644
index 00000000..96df369b
--- /dev/null
+++ b/docs/src/docPages/guide/advanced-node-views.md
@@ -0,0 +1 @@
+# Advanced node views
diff --git a/docs/src/docPages/guide/create-your-editor.md b/docs/src/docPages/guide/create-your-editor.md
index 1977a0ee..2d270c5c 100644
--- a/docs/src/docPages/guide/create-your-editor.md
+++ b/docs/src/docPages/guide/create-your-editor.md
@@ -1,4 +1,4 @@
-# Build your editor
+# Create your editor
 
 ## toc
 
diff --git a/docs/src/docPages/guide/use-vue-components.md b/docs/src/docPages/guide/use-vue-components.md
deleted file mode 100644
index 312a0889..00000000
--- a/docs/src/docPages/guide/use-vue-components.md
+++ /dev/null
@@ -1 +0,0 @@
-# Use Vue Components
\ No newline at end of file
diff --git a/docs/src/docPages/guide/working-with-typescript.md b/docs/src/docPages/guide/working-with-typescript.md
new file mode 100644
index 00000000..72678065
--- /dev/null
+++ b/docs/src/docPages/guide/working-with-typescript.md
@@ -0,0 +1,12 @@
+# Working with TypeScript
+
+## toc
+
+## Introduction
+
+
+## Options type
+
+
+## Create a command
+
diff --git a/docs/src/docPages/introduction.md b/docs/src/docPages/introduction.md
index b8a3280b..57036556 100644
--- a/docs/src/docPages/introduction.md
+++ b/docs/src/docPages/introduction.md
@@ -1,3 +1,7 @@
+---
+title: Renderless rich-text editor
+---
+
 :::error Don’t try this at home
 Nothing here is production-ready, don’t use it anywhere.
 :::
diff --git a/docs/src/links.yaml b/docs/src/links.yaml
index cc2caf9d..dd20f5a4 100644
--- a/docs/src/links.yaml
+++ b/docs/src/links.yaml
@@ -25,13 +25,8 @@
           draft: true
         - title: Todo App
           link: /examples/todo-app
-          draft: true
-        - title: History
-          link: /examples/history
         - title: Read-only
           link: /examples/read-only
-        - title: Focus
-          link: /examples/focus
         - title: Minimalist
           link: /examples/minimalist
         - title: Export HTML or JSON
@@ -54,13 +49,16 @@
       link: /guide/store-content
     - title: Build custom extensions
       link: /guide/build-custom-extensions
-    # - title: Use Vue Components
-    #   link: /guide/use-vue-components
-    #   draft: true
     - title: Collaborative editing
       link: /guide/collaborative-editing
       draft: true
       premium: true
+    - title: Advanced node views
+      link: /guide/advanced-node-views
+      draft: true
+    - title: Working with TypeScript
+      link: /guide/working-with-typescript
+      draft: true
 
 - title: API
   items:
@@ -140,7 +138,6 @@
           link: /api/extensions/history
         - title: TextAlign
           link: /api/extensions/text-align
-          draft: true
         - title: Typography
           link: /api/extensions/typography
     - title: Commands
diff --git a/docs/src/templates/DocPage/index.vue b/docs/src/templates/DocPage/index.vue
index 0fb293a6..ef5b0a2f 100644
--- a/docs/src/templates/DocPage/index.vue
+++ b/docs/src/templates/DocPage/index.vue
@@ -6,4 +6,42 @@
   </Layout>
 </template>
 
+<page-query>
+query($path: String!) {
+  docPage(path: $path) {
+    id
+    title
+    fileInfo {
+      path
+    }
+  }
+}
+</page-query>
+
+<script>
+export default {
+  metaInfo() {
+    return {
+      title: this.$page?.docPage?.title,
+      meta: [
+        /* OpenGraph */
+        {
+          property: 'og:title',
+          content: this.$page?.docPage?.title,
+        },
+        /* Twitter */
+        {
+          name: 'twitter:title',
+          content: this.$page?.docPage?.title,
+        },
+        {
+          name: 'twitter:site',
+          content: '@_ueberdosis',
+        },
+      ],
+    }
+  },
+}
+</script>
+
 <style lang="scss" src="./style.scss" scoped></style>
diff --git a/packages/extension-typography/index.ts b/packages/extension-typography/index.ts
index db1a5c10..f62b1cc4 100644
--- a/packages/extension-typography/index.ts
+++ b/packages/extension-typography/index.ts
@@ -18,6 +18,7 @@ export const plusMinus = new InputRule(/\+\/-$/, '±')
 export const notEqual = new InputRule(/!=$/, '≠')
 export const laquo = new InputRule(/<<$/, '«')
 export const raquo = new InputRule(/>>$/, '»')
+export const multiplication = new InputRule(/\d+\s?([*x])\s?\d+$/, '×')
 
 const Typography = createExtension({
   addInputRules() {
@@ -37,6 +38,7 @@ const Typography = createExtension({
       notEqual,
       laquo,
       raquo,
+      multiplication,
     ]
   },
 })
diff --git a/yarn.lock b/yarn.lock
index d3a46efb..47f12d02 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1125,10 +1125,10 @@
     sort-package-json "^1.15.0"
     update-notifier "^4.1.0"
 
-"@gridsome/remark-prismjs@^0.4.0":
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/@gridsome/remark-prismjs/-/remark-prismjs-0.4.0.tgz#edcf5c6728e70f3fa0428ac31e79baa377a605a5"
-  integrity sha512-ZXfRcWaQvWMH7M1Q7zj5JdA0dTyEN6tz3yCZ/m914zv/IH3eS32uPutwGswoAzAfMBHA5voy+6mjkFv4Gft7UA==
+"@gridsome/remark-prismjs@^0.5.0":
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/@gridsome/remark-prismjs/-/remark-prismjs-0.5.0.tgz#50a92fb29933c354ac8704c77d2b55a6e1f8d8d9"
+  integrity sha512-aEQg/MTNOtsWC11yozSGJI51Qk+vG7pPAipULBryjmmmLq81IGFREkEXYXPLLVCib0D652a3/CrUBnTYQBuoWA==
   dependencies:
     escape-html "^1.0.3"
     hast-util-to-html "^6.0.2"
@@ -3427,13 +3427,6 @@ blob-util@2.0.2:
   resolved "https://registry.yarnpkg.com/blob-util/-/blob-util-2.0.2.tgz#3b4e3c281111bb7f11128518006cdc60b403a1eb"
   integrity sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==
 
-block-stream@*:
-  version "0.0.9"
-  resolved "https://registry.yarnpkg.com/block-stream/-/block-stream-0.0.9.tgz#13ebfe778a03205cfe03751481ebb4b3300c126a"
-  integrity sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=
-  dependencies:
-    inherits "~2.0.0"
-
 bluebird@^3.1.1, bluebird@^3.5.1, bluebird@^3.5.3, bluebird@^3.5.5, bluebird@^3.7.2:
   version "3.7.2"
   resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
@@ -4580,14 +4573,6 @@ create-hmac@^1.1.0, create-hmac@^1.1.4, create-hmac@^1.1.7:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
-cross-spawn@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-3.0.1.tgz#1256037ecb9f0c5f79e3d6ef135e30770184b982"
-  integrity sha1-ElYDfsufDF9549bvE14wdwGEuYI=
-  dependencies:
-    lru-cache "^4.0.1"
-    which "^1.2.9"
-
 cross-spawn@^5.0.1:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449"
@@ -4608,7 +4593,7 @@ cross-spawn@^6.0.0:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
-cross-spawn@^7.0.0, cross-spawn@^7.0.2:
+cross-spawn@^7.0.0, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
   integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
@@ -6515,16 +6500,6 @@ fsevents@~2.1.2:
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.1.3.tgz#fb738703ae8d2f9fe900c33836ddebee8b97f23e"
   integrity sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==
 
-fstream@^1.0.0, fstream@^1.0.12:
-  version "1.0.12"
-  resolved "https://registry.yarnpkg.com/fstream/-/fstream-1.0.12.tgz#4e8ba8ee2d48be4f7d0de505455548eae5932045"
-  integrity sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==
-  dependencies:
-    graceful-fs "^4.1.2"
-    inherits "~2.0.0"
-    mkdirp ">=0.5 0"
-    rimraf "2"
-
 function-bind@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
@@ -6927,7 +6902,7 @@ got@^9.6.0:
     to-readable-stream "^1.0.0"
     url-parse-lax "^3.0.0"
 
-graceful-fs@^4.1.10, graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.2:
+graceful-fs@^4.1.10, graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.2, graceful-fs@^4.2.3:
   version "4.2.4"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
   integrity sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==
@@ -6983,10 +6958,10 @@ gridsome-plugin-simple-analytics@^1.1.0:
   dependencies:
     simple-analytics-vue "^1.1.0"
 
-gridsome@0.7.21:
-  version "0.7.21"
-  resolved "https://registry.yarnpkg.com/gridsome/-/gridsome-0.7.21.tgz#8f1ed742a14ee2a88c0286b0d3e623d509d334f2"
-  integrity sha512-PtdVorQDpihsgr4IXeLH6QTySiPVNhadnSjEgQP8zfY+2Ir7goifPpIohOBT65nXJj/j7to9f429PSDTlJUe7w==
+gridsome@0.7.22:
+  version "0.7.22"
+  resolved "https://registry.yarnpkg.com/gridsome/-/gridsome-0.7.22.tgz#bca2a739e048402aff2e3caaa4bf4f8797b35a24"
+  integrity sha512-zfJdm0EfPi2ZMGi5pQVKtdWjPG7nRZfvDDo9iH733nMW2f0B1EpGIRQUiQ2CZ9UkXluBeqQSLiA8r6e4yNbffw==
   dependencies:
     "@babel/code-frame" "^7.5.5"
     "@babel/core" "^7.0.0"
@@ -7719,11 +7694,6 @@ imurmurhash@^0.1.4:
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
   integrity sha1-khi5srkoojixPcT7a21XbyMUU+o=
 
-in-publish@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/in-publish/-/in-publish-2.0.1.tgz#948b1a535c8030561cea522f73f78f4be357e00c"
-  integrity sha512-oDM0kUSNFC31ShNxHKUyfZKy8ZeXZBWMjMdZHKLOk13uvT27VTL/QzRGfRUcevJhpkZAvlhPYuXkF7eNWrtyxQ==
-
 indent-string@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-2.1.0.tgz#8e2d48348742121b4a8218b7a137e9a52049dc80"
@@ -7759,7 +7729,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.0, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.0, inherits@~2.0.1, inherits@~2.0.3:
+inherits@2, inherits@2.0.4, inherits@^2.0.0, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.1, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -9508,7 +9478,7 @@ mkdirp@*, mkdirp@^1.0.3:
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
-"mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@^0.5.4, mkdirp@^0.5.5, mkdirp@~0.5.1:
+mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@^0.5.4, mkdirp@^0.5.5, mkdirp@~0.5.1:
   version "0.5.5"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
   integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==
@@ -9693,24 +9663,6 @@ node-fetch@^2.5.0, node-fetch@^2.6.1:
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052"
   integrity sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==
 
-node-gyp@^3.8.0:
-  version "3.8.0"
-  resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-3.8.0.tgz#540304261c330e80d0d5edce253a68cb3964218c"
-  integrity sha512-3g8lYefrRRzvGeSowdJKAKyks8oUpLEd/DyPV4eMhVlhJ0aNaZqIrNUIPuEWWTAoPqyFkfGrM67MC69baqn6vA==
-  dependencies:
-    fstream "^1.0.0"
-    glob "^7.0.3"
-    graceful-fs "^4.1.2"
-    mkdirp "^0.5.0"
-    nopt "2 || 3"
-    npmlog "0 || 1 || 2 || 3 || 4"
-    osenv "0"
-    request "^2.87.0"
-    rimraf "2"
-    semver "~5.3.0"
-    tar "^2.0.0"
-    which "1"
-
 node-gyp@^5.0.2:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-5.1.1.tgz#eb915f7b631c937d282e33aed44cb7a025f62a3e"
@@ -9728,6 +9680,22 @@ node-gyp@^5.0.2:
     tar "^4.4.12"
     which "^1.3.1"
 
+node-gyp@^7.1.0:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-7.1.2.tgz#21a810aebb187120251c3bcec979af1587b188ae"
+  integrity sha512-CbpcIo7C3eMu3dL1c3d0xw449fHIGALIJsRP4DDPHpyiW8vcriNY7ubh9TE4zEKfSxscY7PjeFnshE7h75ynjQ==
+  dependencies:
+    env-paths "^2.2.0"
+    glob "^7.1.4"
+    graceful-fs "^4.2.3"
+    nopt "^5.0.0"
+    npmlog "^4.1.2"
+    request "^2.88.2"
+    rimraf "^3.0.2"
+    semver "^7.3.2"
+    tar "^6.0.2"
+    which "^2.0.2"
+
 node-libs-browser@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-2.2.1.tgz#b64f513d18338625f90346d27b0d235e631f6425"
@@ -9762,23 +9730,22 @@ node-releases@^1.1.65:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.65.tgz#52d9579176bd60f23eba05c4438583f341944b81"
   integrity sha512-YpzJOe2WFIW0V4ZkJQd/DGR/zdVwc/pI4Nl1CZrBO19FdRcSTmsuhdttw9rsTzzJLrNcSloLiBbEYx1C4f6gpA==
 
-node-sass@^4.14.1:
-  version "4.14.1"
-  resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.14.1.tgz#99c87ec2efb7047ed638fb4c9db7f3a42e2217b5"
-  integrity sha512-sjCuOlvGyCJS40R8BscF5vhVlQjNN069NtQ1gSxyK1u9iqvn6tf7O1R4GNowVZfiZUCRt5MmMs1xd+4V/7Yr0g==
+node-sass@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-5.0.0.tgz#4e8f39fbef3bac8d2dc72ebe3b539711883a78d2"
+  integrity sha512-opNgmlu83ZCF792U281Ry7tak9IbVC+AKnXGovcQ8LG8wFaJv6cLnRlc6DIHlmNxWEexB5bZxi9SZ9JyUuOYjw==
   dependencies:
     async-foreach "^0.1.3"
     chalk "^1.1.1"
-    cross-spawn "^3.0.0"
+    cross-spawn "^7.0.3"
     gaze "^1.0.0"
     get-stdin "^4.0.1"
     glob "^7.0.3"
-    in-publish "^2.0.0"
     lodash "^4.17.15"
     meow "^3.7.0"
     mkdirp "^0.5.1"
     nan "^2.13.2"
-    node-gyp "^3.8.0"
+    node-gyp "^7.1.0"
     npmlog "^4.0.0"
     request "^2.88.0"
     sass-graph "2.2.5"
@@ -9790,13 +9757,6 @@ noop-logger@^0.1.1:
   resolved "https://registry.yarnpkg.com/noop-logger/-/noop-logger-0.1.1.tgz#94a2b1633c4f1317553007d8966fd0e841b6a4c2"
   integrity sha1-lKKxYzxPExdVMAfYlm/Q6EG2pMI=
 
-"nopt@2 || 3":
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/nopt/-/nopt-3.0.6.tgz#c6465dbf08abcd4db359317f79ac68a646b28ff9"
-  integrity sha1-xkZdvwirzU2zWTF/eaxopkayj/k=
-  dependencies:
-    abbrev "1"
-
 nopt@^4.0.1:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.3.tgz#a375cad9d02fd921278d954c2254d5aa57e15e48"
@@ -9805,6 +9765,13 @@ nopt@^4.0.1:
     abbrev "1"
     osenv "^0.1.4"
 
+nopt@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-5.0.0.tgz#530942bb58a512fccafe53fe210f13a25355dc88"
+  integrity sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==
+  dependencies:
+    abbrev "1"
+
 normalize-package-data@^2.0.0, normalize-package-data@^2.3.0, normalize-package-data@^2.3.2, normalize-package-data@^2.3.4, normalize-package-data@^2.3.5, normalize-package-data@^2.4.0, normalize-package-data@^2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
@@ -9937,7 +9904,7 @@ npm-run-path@^4.0.0:
   dependencies:
     path-key "^3.0.0"
 
-"npmlog@0 || 1 || 2 || 3 || 4", npmlog@^4.0.0, npmlog@^4.0.1, npmlog@^4.1.2:
+npmlog@^4.0.0, npmlog@^4.0.1, npmlog@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
   integrity sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==
@@ -10154,7 +10121,7 @@ os-tmpdir@^1.0.0, os-tmpdir@~1.0.2:
   resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
   integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
 
-osenv@0, osenv@^0.1.4, osenv@^0.1.5:
+osenv@^0.1.4, osenv@^0.1.5:
   version "0.1.5"
   resolved "https://registry.yarnpkg.com/osenv/-/osenv-0.1.5.tgz#85cdfafaeb28e8677f416e287592b5f3f49ea410"
   integrity sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==
@@ -11965,7 +11932,7 @@ request-progress@^3.0.0:
   dependencies:
     throttleit "^1.0.0"
 
-request@^2.83.0, request@^2.87.0, request@^2.88.0:
+request@^2.83.0, request@^2.88.0, request@^2.88.2:
   version "2.88.2"
   resolved "https://registry.yarnpkg.com/request/-/request-2.88.2.tgz#d73c918731cb5a87da047e207234146f664d12b3"
   integrity sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==
@@ -12096,13 +12063,6 @@ rgba-regex@^1.0.0:
   resolved "https://registry.yarnpkg.com/rgba-regex/-/rgba-regex-1.0.0.tgz#43374e2e2ca0968b0ef1523460b7d730ff22eeb3"
   integrity sha1-QzdOLiyglosO8VI0YLfXMP8i7rM=
 
-rimraf@2, rimraf@^2.5.4, rimraf@^2.6.2, rimraf@^2.6.3:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
-  integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
-  dependencies:
-    glob "^7.1.3"
-
 rimraf@2.6.3:
   version "2.6.3"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
@@ -12110,7 +12070,14 @@ rimraf@2.6.3:
   dependencies:
     glob "^7.1.3"
 
-rimraf@^3.0.0:
+rimraf@^2.5.4, rimraf@^2.6.2, rimraf@^2.6.3:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
+  integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
+  dependencies:
+    glob "^7.1.3"
+
+rimraf@^3.0.0, rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
@@ -12413,11 +12380,6 @@ semver@^7.2.1, semver@^7.3.2:
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
   integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==
 
-semver@~5.3.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.3.0.tgz#9b2ce5d3de02d17c6012ad326aa6b4d0cf54f94f"
-  integrity sha1-myzl094C0XxgEq0yaqa00M9U+U8=
-
 send@0.17.1:
   version "0.17.1"
   resolved "https://registry.yarnpkg.com/send/-/send-0.17.1.tgz#c1d8b059f7900f7466dd4938bdc44e11ddb376c8"
@@ -13318,15 +13280,6 @@ tar-stream@^2.0.0:
     inherits "^2.0.3"
     readable-stream "^3.1.1"
 
-tar@^2.0.0:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/tar/-/tar-2.2.2.tgz#0ca8848562c7299b8b446ff6a4d60cdbb23edc40"
-  integrity sha512-FCEhQ/4rE1zYv9rYXJw/msRqsnmlje5jHP6huWeBZ704jUTy02c5AZyWujpMR1ax6mVw9NyJMfuK2CMDWVIfgA==
-  dependencies:
-    block-stream "*"
-    fstream "^1.0.12"
-    inherits "2"
-
 tar@^4.4.10, tar@^4.4.12, tar@^4.4.8:
   version "4.4.13"
   resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.13.tgz#43b364bc52888d555298637b10d60790254ab525"
@@ -14556,14 +14509,14 @@ which-pm-runs@^1.0.0:
   resolved "https://registry.yarnpkg.com/which-pm-runs/-/which-pm-runs-1.0.0.tgz#670b3afbc552e0b55df6b7780ca74615f23ad1cb"
   integrity sha1-Zws6+8VS4LVd9rd4DKdGFfI60cs=
 
-which@1, which@^1.2.9, which@^1.3.1:
+which@^1.2.9, which@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
   integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
   dependencies:
     isexe "^2.0.0"
 
-which@^2.0.1:
+which@^2.0.1, which@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
   integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==