Bagaimana untuk menggunakan pemalam vue-codemirror dalam vue3

npm install vue-codemirror --save
// cnpm install vue-codemirror --save

npm i  @codemirror/lang-javascript
npm i  @codemirror/theme-one-dark

<template>
  <codemirror
    v-model="code"
    placeholder="Code gose here..."
    :
    :autofocus="true"
    :indent-with-tab="true"
    :tabSize="2"
    :extensions="extensions"
    @ready="log(&#39;ready&#39;, $event)"
    @change="log(&#39;change&#39;, $event)"
    @focus="log(&#39;focus&#39;, $event)"
    @blur="log(&#39;blur&#39;, $event)"
  />
</template>

<script>
import { Codemirror } from "vue-codemirror";
import { javascript } from "@codemirror/lang-javascript";
import { oneDark } from "@codemirror/theme-one-dark";

import { ref } from "vue";
export default {
  components: {
    Codemirror,
  },
  setup() {
    const code = ref(`console.log(&#39;Hello, world!&#39;)`);
    const extensions = [javascript(), oneDark];

    return {
      code,
      extensions,
      log: console.log,
    };
  },
};
</script>