Using OneDark theme throws Runtime Error

[lthomas122]

I'm trying to use the One Dark theme, but I keep getting the following error:

My implementation is as follows:

<template>
    <code-mirror v-model="value" basic tab wrap :dark="true" :theme="oneDark" :lang="lang" />
</template>

<script>
import { ref, defineComponent } from 'vue';

import CodeMirror from 'vue-codemirror6';
import { python } from '@codemirror/lang-python';
import { oneDark } from '@codemirror/theme-one-dark';

export default defineComponent({
    components: {
        CodeMirror,
    },
    setup() {
        const lang = python();
        const value = ref('// start typing Python code or something...');

        return { value, lang, oneDark };
    },
});
</script>

[lthomas122]

UPDATE: Seems to work if I implement the theme via the extensions prop, which isn't as described in the docs/readme:

<template>
    <code-mirror v-model="value" basic tab wrap :dark="true" :extensions="extensions" :lang="lang" />
</template>

<script>
import { ref, defineComponent } from 'vue';

import CodeMirror from 'vue-codemirror6';
import { python } from '@codemirror/lang-python';
import { oneDark } from '@codemirror/theme-one-dark';

export default defineComponent({
    components: {
        CodeMirror,
    },
    setup() {
        const lang = python();
        const value = ref('// start typing Python code or something...');
        const extensions = [python(), oneDark];

        return { value, lang, extensions };
    },
});
</script>