Timer "e" not found, do you forget to record it?

cruvie commented 2 years ago

Describe the bug Just a nomal demo of milkdown run with vue3.0

To Reproduce Steps to reproduce the behavior:

create a vue project with vite
import file MilkdownEditor.vue in app.vue
run the app
See error

Expected behavior no errors

Screenshots

Milkdown version 6.3.1

Desktop (please complete the following information):

OS: win11
Browser edge
Version 103.0.1264.62

Additional context code MilkdownEditor.vue


<template>
  <VueEditor :editor="editor"/>
</template>

<script lang="ts" setup>
import {defaultValueCtx, Editor, editorViewOptionsCtx, rootCtx} from '@milkdown/core';
import {clipboard} from '@milkdown/plugin-clipboard';
import {cursor} from '@milkdown/plugin-cursor';
import {diagram} from '@milkdown/plugin-diagram';
import {emoji} from '@milkdown/plugin-emoji';
import {history} from '@milkdown/plugin-history';
import {indent} from '@milkdown/plugin-indent';
import {listener, listenerCtx} from '@milkdown/plugin-listener';
import {math} from '@milkdown/plugin-math';
import {menu} from '@milkdown/plugin-menu';
import {prism} from '@milkdown/plugin-prism';
import {slash} from '@milkdown/plugin-slash';
import {tooltip} from '@milkdown/plugin-tooltip';
import {upload} from '@milkdown/plugin-upload';
import {gfm} from '@milkdown/preset-gfm';
import {nord} from '@milkdown/theme-nord';
import {useEditor, VueEditor} from "@milkdown/vue";
import {trailing} from "@milkdown/plugin-trailing";
import {commonmark} from "@milkdown/preset-commonmark";

const defaultValue = '# Hello milkdown';
let jsonOutput;
// const defaultValue = {
//   type: 'json',
//   value: jsonOutput,
// };

let output = '';

//只读模式
let readonly = false;
const editable = () => !readonly;

const editor = useEditor(() =>
    Editor.make().config((ctx) => {
      ctx.set(rootCtx, document.querySelector('#editor'));
      ctx.set(defaultValueCtx, defaultValue);
      ctx.get(listenerCtx).markdownUpdated((ctx, markdown, prevMarkdown) => {
        output = markdown;
        //监听markdown
        console.log(output);
      });
      ctx.get(listenerCtx).updated((ctx, doc, prevDoc) => {
        jsonOutput = doc.toJSON();
        console.log(jsonOutput);
      });
      //只读模式
      ctx.set(editorViewOptionsCtx, { editable });
    })
        .use(nord)
        .use(commonmark)
        //撤销，重做ctrl+z/y
        .use(history)
        .use(listener)
        //显示顶部菜单
        .use(menu)

);

</script>

App.vue

<template>
  <main>
    <div style="margin-right: auto; margin-left: auto; width: 80%">
      <h1>Milkdown Sample</h1>

      <MilkdownEditor v-model="content"/>

    </div>
  </main>
</template>

<script setup lang="ts">
import {ref} from "vue";
import MilkdownEditor from "./components/MilkdownEditor.vue";

const content = ref<string>("Milkdown");
</script>
<style>

@import "./assets/font.css";
@import "./assets/material-design-icons.css";
</style>