Cannot find module '../src/util/types' or its corresponding type declarations.

      1 | import Vue from 'vue'
      2 | import MarkdownIt from 'markdown-it';
  > 3 | import { Config } from '../src/util/types';

it seems while compiling and packing typescript to npm package, the util/types has gone

Is there a way to add more plugins dinamically?

for instance I use markdown-it-checkbox I would need to a dynamic way to expose markdown-it, to call .use() on this plugin instance

is this available in some way?

(spam while typing and unstyled emoji picker)

Can we make this component render table while text on md file is,

And this would lead to a simple table??

this issue apears in Vuetify version 2.6.0

my package-lock.json

"packages": {
    "": {
      "name": "my-app",
      "version": "0.1.0",
      "dependencies": {
        "core-js": "^3.8.3",
        "vue": "^2.6.14",
        "vue-router": "^3.5.1",
        "vuetify": "^2.6.0",
        "vuetify-markdown-editor": "^3.3.3",
        "vuex": "^3.6.2"
      },

MdTest.Vue

<template>
  <div>
    
    <Editor v-model="tcData" />
  </div>
</template>

<script>
import { Editor } from "vuetify-markdown-editor";

export default {
  name: 'MdTest',
  components: {
    Editor,
  },
  data() {
    return {
      tcData: "",
    };
  },
}
</script>

Originally posted by @jkpark in #8 (comment)

<template>
  <v-app>
    <navbar></navbar>
     This is the create article page.
    <markdown-editor
      mode="Rendered"
      ref="editor"
      hint="Test"
      nativeEmoji
      :outline="false"
      :preview="true"
      v-model="text"
      />
  </v-app>
</template>

<script>
import navbar from "../components/Navbar";
import { Editor } from "vuetify-markdown-editor";
import "vuetify-markdown-editor/dist/vuetify-markdown-editor.css";

export default {
  name: 'CreateArticlePage',
  components: {
    navbar,
    'markdown-editor': Editor,
  },
  data() {
    return {
      text: ''
    };
  },
  mounted() {
    // Access properties or methods using $refs
    //console.info(Vue.config.components)
    // this.$refs.editor.focus()
    // this.$refs.editor.upload();

    // Dark theme
    //this.$vuetify.theme.dark = true;
  }
};
</script>

That is my CreateArticlePage.vue in /views, vue cli.
I have installed the module by npm install.
Everything works fine during npm run serve...
When open the web page, the editor is invisible, and the browser console output such errors.

[Vue warn]: Unknown custom element: <v-container> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

[Vue warn]: Unknown custom element: <v-row> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

[Vue warn]: Unknown custom element: <v-col> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

etc.

I thought the key is I register the component wrongly. But I try for many times, like reinstall, import in global App.vue or man.js. Still get this trouble.

Besides, the cloned demo works all fine. I can only see the editor in that demo.

I have looking for solving for two days, but get noting. I am a noob of Vue and Vuetify, and this is my first issue in github. Can you give me some suggestions

Hi,

npm v 6.14.4

node v 13.12.0

Git cloned repo

ran npm i && npm run serve

Nothing works either by using the git or by importing the module to another project,

Screen hangs and I get a console error:

[Vue warn]: Error in getter for watcher "compiled": "SyntaxError: invalid regular expression flag s"

found in

---> at src/components/MarkdownEditor.vue

at src/App.vue

Seems to point to line 226 in MarkdownEditor component:

let compiled = render(
				this.value,
				this.renderOptions,
				_.merge(this.renderConfig, copyConfig),
				cache
			);

anyone knows how to fix this?

Thank you for your great job! This editor is so helpful!

This is one help request, Is there any way to set the initial row number of v-textarea on the Editor from the App?

For example;

<Editor
  mode="preview"
  ref="editor"

  rows="1"

   hint="Hint"
  :outline="false"
  :render-config="renderConfig"
  v-model="text"
/>

Then, rows="1" affect to the initial row number of v-textarea on the Editor as follows:

<v-textarea
	solo
	flat
	:counter="counter"

	rows="1"

Thank you for your kindly help!

My script tag looks as follows:

import { Editor } from 'vuetify-markdown-editor'
import 'vuetify-markdown-editor/dist/vuetify-markdown-editor.css'
export default {
  name: 'BlogpostCreator',
  components: { Editor },
  data () {
    return {
      title: '',
      content: ''
    }
  }
}

which renders:

Failed to compile.

./src/components/UI/BlogpostCreator.vue?vue&type=script&lang=js& (./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UI/BlogpostCreator.vue?vue&type=script&lang=js&)
Module not found: Error: Can't resolve 'vuetify-markdown-editor' in '/Users/divebox/Documents/01 Programming/01 Websites/08 Portfolio Website/portfolio-website/src/components/UI'

Any suggestions what I did wrong?

Hey I encountered this when I was writing some code blocks in the Editor:

As soon as there are two "$" characters spread somewhere in the text, Katex will go nuts and break the whole editor. As in it will not respond until the site is reloaded. It will throw:

[Vue warn]: Error in getter for watcher "compiled": "ParseError: KaTeX parse error: Expected 'EOF', got '&' at position 112: …sponse</span> =&̲gt;</span> {

I could fix it with a workaround of using the following render config:

renderConfig: {
        katex: {
          // formula delimiters
          delimiters: [
            {
              left: '$$$',
              right: '$$$',
              options: {
                displayMode: true // block
              }
            },
            {
              left: '\\[',
              right: '\\]',
              options: {
                displayMode: true // block
              }
            },
            {
              left: '$$',
              right: '$$',
              options: {
                displayMode: false // inline
              }
            },
            {
              left: '\\(',
              right: '\\)',
              options: {
                displayMode: false // inline
              }
            }
          ]
        },
        mermaid: undefined // The native mermaid config
      }

Which just changes the Katex prefixes so that the single "$" characters are ignored. If I actually try to write any LaTeX, the Editor will instantly break down with various error messages.

glitch is:

the width of editor get reduced.

request:
could you add a prop for words counter and an event if the words is out of limits, would emit an event?