diff --git a/docs/src/demos/Examples/Focus/index.vue b/docs/src/demos/Examples/Focus/index.vue index c7c08a5f..55209c5b 100644 --- a/docs/src/demos/Examples/Focus/index.vue +++ b/docs/src/demos/Examples/Focus/index.vue @@ -9,12 +9,7 @@ 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 History from '@tiptap/extension-history' -import Bold from '@tiptap/extension-bold' -import Italic from '@tiptap/extension-italic' import Code from '@tiptap/extension-code' -import CodeBlock from '@tiptap/extension-codeblock' -import Heading from '@tiptap/extension-heading' import Focus from '@tiptap/extension-focus' export default { @@ -32,14 +27,9 @@ export default { this.editor = new Editor({ extensions: [ new Document(), - new History(), new Paragraph(), new Text(), - new Bold(), - new Italic(), new Code(), - new CodeBlock(), - new Heading(), new Focus({ className: 'has-focus', nested: true, @@ -48,16 +38,12 @@ export default { autoFocus: true, content: `

- With the focus extension you can add custom classes to focused nodes. Default options: + The focus extension adds custom classes to focused nodes. By default, it’ll add a has-focus class, even to nested nodes:

-
{\n  className: 'has-focus',\n  nested: true,\n}
+
{ className: 'has-focus', nested: true }
`, }) diff --git a/docs/src/docPages/examples/focus.md b/docs/src/docPages/examples/focus.md index f9b145b9..04e59d5b 100644 --- a/docs/src/docPages/examples/focus.md +++ b/docs/src/docPages/examples/focus.md @@ -1,3 +1,3 @@ # Focus - \ No newline at end of file + \ No newline at end of file