chore: lint

.eslintrc.js

@@ -17,7 +17,7 @@ module.exports = {
     // The Follow config only works with eslint-plugin-vue v8.0.0+
     'vue/setup-compiler-macros': true,
   },
-  extends: ['plugin:vue/vue3-essential', 'eslint:recommended'],
+  extends: ['plugin:vue/vue3-essential', 'eslint:recommended', 'plugin:prettier/recommended'],
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',

examples/App.vue

@@ -64,6 +64,7 @@ import {
   locale,
   ImportWord,
   Columns,
+  TextAlign,
 } from 'echo-editor'
 import OpenAI from 'openai'
 import { DEMO_CONTENT } from './initContent'
@@ -95,6 +96,7 @@ const extensions = [
   Highlight,
   BulletList,
   OrderedList,
+  TextAlign.configure({ types: ['heading', 'paragraph', 'image'], spacer: true }),
   Indent,
   LineHeight,
   TaskList.configure({

postcss.config.js

@@ -1,7 +1,3 @@
 module.exports = {
-  plugins: {
-    'tailwindcss/nesting': {},
-    tailwindcss: {},
-    autoprefixer: {},
-  },
+  plugins: [require('tailwindcss/nesting'), require('tailwindcss'), require('autoprefixer')],
 }

src/extensions/BaseKit.ts

@@ -26,9 +26,6 @@ import type { TrailingNodeOptions } from './TrailingNode/TrailingNode'
 import Iframe from './Iframe/Iframe'
 import type { IframeOptions } from './Iframe/Iframe'
 
-import { TextAlign } from './TextAlign'
-import type { TextAlignOptions } from './TextAlign'
-
 import type { BubbleOptions } from '../components/menus/bubble'
 import { defaultBubbleList, generateBubbleTypeMenu } from '../components/menus/bubble'
 
@@ -148,13 +145,6 @@ export interface BaseKitOptions {
    * @default true
    */
   selection: any | false
-
-  /**
-   * text align options or false, indicating whether to enable the text align
-   *
-   * @default true
-   */
-  textAlign: Partial<TextAlignOptions> | false
 }
 
 export const BaseKit = Extension.create<BaseKitOptions>({
@@ -264,9 +254,6 @@ export const BaseKit = Extension.create<BaseKitOptions>({
     if (this.options.selection !== false) {
       extensions.push(Selection)
     }
-    if (this.options.textAlign !== false) {
-      extensions.push(TextAlign.configure({ types: ['heading', 'paragraph', 'image'], ...this.options.textAlign }))
-    }
 
     return extensions
   },

vite.config.ts

@@ -18,7 +18,7 @@ export default defineConfig({
     }),
   ],
   optimizeDeps: {
-    include: ['vue','zod','vee-validate','@vee-validate/zod'],
+    include: ['vue', 'zod', 'vee-validate', '@vee-validate/zod'],
   },
   resolve: {
     alias: {