fix: crepe vue unmount error (#1818)

Saul-Mirone · web-flow · commit 91a5fcaf7565 · 2025-04-16T00:37:52.000Z
diff --git a/packages/crepe/src/core/crepe.ts b/packages/crepe/src/core/crepe.ts
@@ -88,12 +88,12 @@ export class Crepe {
     this.#initPromise = Promise.all(promiseList)
   }
 
-  async create() {
+  create = async () => {
     await this.#initPromise
     return this.#editor.create()
   }
 
-  async destroy() {
+  destroy = async () => {
     await this.#initPromise
     return this.#editor.destroy()
   }
@@ -102,16 +102,16 @@ export class Crepe {
     return this.#editor
   }
 
-  setReadonly(value: boolean) {
+  setReadonly = (value: boolean) => {
     this.#editable = !value
     return this
   }
 
-  getMarkdown() {
+  getMarkdown = () => {
     return this.#editor.action(getMarkdown())
   }
 
-  on(fn: (api: ListenerManager) => void) {
+  on = (fn: (api: ListenerManager) => void) => {
     if (this.#editor.status !== EditorStatus.Created) {
       this.#editor.config((ctx) => {
         const listener = ctx.get(listenerCtx)

Original file line number	Diff line number	Diff line change
`@@ -88,12 +88,12 @@ export class Crepe {`
`88`	`88`	`this.#initPromise = Promise.all(promiseList)`
`89`	`89`	`}`
`90`	`90`
`91`		`- async create() {`
	`91`	`+ create = async () => {`
`92`	`92`	`await this.#initPromise`
`93`	`93`	`return this.#editor.create()`
`94`	`94`	`}`
`95`	`95`
`96`		`- async destroy() {`
	`96`	`+ destroy = async () => {`
`97`	`97`	`await this.#initPromise`
`98`	`98`	`return this.#editor.destroy()`
`99`	`99`	`}`
`@@ -102,16 +102,16 @@ export class Crepe {`
`102`	`102`	`return this.#editor`
`103`	`103`	`}`
`104`	`104`
`105`		`- setReadonly(value: boolean) {`
	`105`	`+ setReadonly = (value: boolean) => {`
`106`	`106`	`this.#editable = !value`
`107`	`107`	`return this`
`108`	`108`	`}`
`109`	`109`
`110`		`- getMarkdown() {`
	`110`	`+ getMarkdown = () => {`
`111`	`111`	`return this.#editor.action(getMarkdown())`
`112`	`112`	`}`
`113`	`113`
`114`		`- on(fn: (api: ListenerManager) => void) {`
	`114`	`+ on = (fn: (api: ListenerManager) => void) => {`
`115`	`115`	`if (this.#editor.status !== EditorStatus.Created) {`
`116`	`116`	`this.#editor.config((ctx) => {`
`117`	`117`	`const listener = ctx.get(listenerCtx)`