feat(vue): add code block

litingyes · Mar 9, 2024 · 0a4a99a · 0a4a99a
1 parent 2e13797
commit 0a4a99a
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 0 deletions.
diff --git a/docs/guide/vue.md b/docs/guide/vue.md
@@ -88,6 +88,7 @@ const { editor } = useNoteEditor({
 
 - [Blockquote](https://tiptap.dev/docs/editor/api/nodes/blockquote)
 - [BulletList](https://tiptap.dev/docs/editor/api/nodes/bullet-list)
+- [CodeBlock](https://tiptap.dev/docs/editor/api/nodes/code-block)
 - [Document](https://tiptap.dev/docs/editor/api/nodes/document)
 - [HardBreak](https://tiptap.dev/docs/editor/api/nodes/hard-break)
 - [Heading](https://tiptap.dev/docs/editor/api/nodes/heading)

diff --git a/docs/zh-CN/guide/vue.md b/docs/zh-CN/guide/vue.md
@@ -88,6 +88,7 @@ const { editor } = useNoteEditor({
 
 - [Blockquote](https://tiptap.dev/docs/editor/api/nodes/blockquote)
 - [BulletList](https://tiptap.dev/docs/editor/api/nodes/bullet-list)
+- [CodeBlock](https://tiptap.dev/docs/editor/api/nodes/code-block)
 - [Document](https://tiptap.dev/docs/editor/api/nodes/document)
 - [HardBreak](https://tiptap.dev/docs/editor/api/nodes/hard-break)
 - [Heading](https://tiptap.dev/docs/editor/api/nodes/heading)

diff --git a/packages/vue-kit/package.json b/packages/vue-kit/package.json
@@ -46,6 +46,7 @@
     "@tiptap/extension-bullet-list": "^2.2.4",
     "@tiptap/extension-character-count": "^2.2.4",
     "@tiptap/extension-code": "^2.2.4",
+    "@tiptap/extension-code-block": "^2.2.4",
     "@tiptap/extension-color": "^2.2.4",
     "@tiptap/extension-document": "^2.2.4",
     "@tiptap/extension-dropcursor": "^2.2.4",

diff --git a/packages/vue-kit/src/setupKit.ts b/packages/vue-kit/src/setupKit.ts
@@ -10,6 +10,7 @@ import type { CharacterCountOptions } from '@tiptap/extension-character-count'
 import { CharacterCount } from '@tiptap/extension-character-count'
 import type { CodeOptions } from '@tiptap/extension-code'
 import { Code } from '@tiptap/extension-code'
+import type { CodeBlockOptions } from '@tiptap/extension-code-block'
 import type { ColorOptions } from '@tiptap/extension-color'
 import { Color } from '@tiptap/extension-color'
 import Document from '@tiptap/extension-document'
@@ -77,6 +78,7 @@ export interface SetupKitOptions {
   bulletList: Partial<BulletListOptions> | false
   characterCount: Partial<CharacterCountOptions> | false
   code: Partial<CodeOptions> | false
+  codeBlock: Partial<CodeBlockOptions> | false
   color: Partial<ColorOptions> | false
   document: false
   dropcursor: Partial<DropcursorOptions> | false
@@ -130,6 +132,9 @@ export const setupKit = Extension.create<SetupKitOptions>({
     if (this.options.code !== false)
       extensions.push(Code.configure(this.options.code))
 
+    if (this.options.codeBlock !== false)
+      extensions.push(Code.configure(this.options.codeBlock))
+
     if (this.options.color !== false)
       extensions.push(Color.configure(this.options.color))
 

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml