The tiptap-vuetify from iliyazelenko

Error message about "Cannot find module '~/...'."

Thanks for this package. I get the following TypeScript error message using it:

2:36 Cannot find module '~/configs/theme'.
    1 | import MainComponent from '~/components/Main.vue';
  > 2 | import { VuetifyIconsGropus } from '~/configs/theme';
      |                                    ^
    3 | export declare const TiptapVuetify: import("vue").VueConstructor<MainComponent>;
    4 | export declare const TiptapVuetifyPlugin: {
    5 |     iconsGroup: VuetifyIconsGropus;

This message appears for all imports and exports in main.d.ts.
What can I do?

v-model not working with output-format="json"

Hi,
two-way binding (v-model) not working with output-format="json"
If i re-load json, i see the json, not the result

Regards

Dark Mode

I have a UI built in dark mode as the primary interface. I followed the instructions to include vuetify-tip-tap and it worked great ! Except that I can't figure out how to switch the theme without touching the CSS directly.

A prop to switch between light / dark mode would be awesome !

TypeError: Cannot read property 'framework' of undefined

Hello, after updating to [email protected], the tiptap vuetify editor is not being loaded with the following error in the console:

Error in mounted hook: "TypeError: Cannot read property 'framework' of undefined"

Specifically, it is being thrown in this specific code block in TiptapVuetifyPlugin source :

Object.defineProperty(Plugin.prototype, "vuetifyLang", {
    get: function get() {
      return this.vuetify.framework.lang.current; // This line
    },
    enumerable: true,
    configurable: true
  });

So typically I checked if the vuetify object passed in the Initialization section is really undefined by logging it to the console, but the output is a Vuetify object as expected.

Transpilation is enabled as well in vue.config.js and removing it did not solve the issue:

transpileDependencies: ['vuetify','tiptap-vuetify'],

Concerning the packages' versions (in case they might come in handy, I selected the main ones):

"babel-polyfill": "^6.26.0",
"core-js": "^3.4.8",
"tiptap-vuetify": "^2.8.0",
"vue": "^2.6.10",
"vuetify": "^2.1.14"

BulletList and OrderedList broken

Hey there!

When I add BulletList or OrderedList to my component, it suddently disappears. In console appears an error:

SyntaxError: "No node type or group 'list_item' found (in content expression 'list_item+')"

Any idea about which could be the cause? Thanks in advance 😄

Does not render correctly in production nuxt build

During local development it is fine but when I run npm run build and npm run start the above occurs. I suspect this could be Vuetify not being loaded yet before this plugin is loaded. Do you have any ideas? Thanks :)

On second thought I don't think that is the issue here is the HTML

Okay narrowed the issue it has to do with vuetify loader. It seems to be having issues since Vuetify 2 release. I disabled tree shaking and it works...

Module Parse Failed

Any ideas why this error happens?

ERROR in ./node_modules/tiptap-vuetify/dist/bundle-esm.js Module parse failed: Unexpected token (4925:17) You may need an appropriate loader to handle this file type. | render(h, context) { | const data = { | props: { ...context.props, | name | }, @ ./resources/js/app.js 50:0-53 @ multi ./resources/js/app.js ./resources/sass/app.scss ./resources/sass/app-rtl.scss

[Docs] Provide documentation for integrating with Nuxt js

Generate the content with styles

A lot of people need to transform the Html into a PDF file, and uses a backend api for that (sample openhtmltopdf in java), but to export the pdf just like the editor's show the style are needed :D today I need to re-create all the style in my backend.

tks

Shift-enter newline while using "code" doesn't display properly

When you're writing a code block and shift-enter for newline the cursor stays at the first line instead of going to the new one. It switches once you start typing. (See image for example)

Creating a code block in the middle of a row will also not break to a new line. This will look a little funny if you create new lines within the code block

OS: Windows 10
Browser: Chrome v78.0.3904.108 + Firefox v70.0.1

Module build failed: Cannot read property 'parseComponent' of undefined

Hi,
I downloaded the same repostitory example used in the sandbox and wanted to build it locally to check it out and play around.
I did npm install`` and then npm run serve`
but then the build fails with the following errors:
I couldn't fix it with updates of the packages so far

I think the first error could be solved by forcing vue and vue-template-compiler to the same version but on the other errors I don't know where it comes from

Spoiler Error

INFO Starting development server...
10% building 2/2 modules 0 active
｢wds｣: Project is running at http://localhost:8080/
｢wds｣: webpack output is served from /
｢wds｣: Content not from webpack is served from /Users/aortner/git/vueSocial/drafts/tiptap-vuetify/public
｢wds｣: 404s will fallback to /index.html
98% after emitting CopyPlugin

ERROR Failed to compile with 105 errors 10:34:40 AM

Module build failed (from ./node_modules/vue-loader/lib/index.js):
TypeError: Cannot read property 'parseComponent' of undefined
at parse (/Users/aortner/git/vueSocial/drafts/tiptap-vuetify/node_modules/vue-loader/node_modules/@vue/component-compiler-utils/dist/parse.js:14:23)
at Object.module.exports (/Users/aortner/git/vueSocial/drafts/tiptap-vuetify/node_modules/vue-loader/lib/index.js:67:22)

You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.
error in ./src/App.vue

Module Error (from ./node_modules/vue-loader/lib/index.js):

Vue packages version mismatch:

This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.

@ ./src/main.js 2:0-24 34:4-7
@ multi (webpack)-dev-server/client?http://192.168.114.15:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

error in ./src/examples/Simple.vue

Module Error (from ./node_modules/vue-loader/lib/index.js):

Vue packages version mismatch:

This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.

@ ./src/router/index.js 3:0-40 7:13-19
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.114.15:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

error in ./src/examples/Preview.vue

Module Error (from ./node_modules/vue-loader/lib/index.js):

Vue packages version mismatch:

This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.

@ ./src/router/index.js 23:19-48
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.114.15:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

error in ./src/examples/CustomToolbar.vue

Module Error (from ./node_modules/vue-loader/lib/index.js):

Vue packages version mismatch:

This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.

@ ./src/router/index.js 11:19-54
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.114.15:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

error in ./src/examples/Placeholder.vue

Module Error (from ./node_modules/vue-loader/lib/index.js):

Vue packages version mismatch:

This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.

@ ./src/router/index.js 19:19-52
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.114.15:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

error in ./src/examples/BubbleMenu.vue

Module Error (from ./node_modules/vue-loader/lib/index.js):

Vue packages version mismatch:

This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.

@ ./src/router/index.js 15:19-51
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.114.15:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

error in ./node_modules/vuetify/src/styles/main.sass