Does not support other languages

[xtan9]

I tried language="sql". It does not work

[koca]

did you import the lang somewhere in your project? Don't know how you use prismjs but maybe sth like that:

import "prismjs/components/prism-sql.js"

[xtan9]

https://codesandbox.io/s/61yrlnlnmn
It does not work in the demo also.

[koca]

It works if you import the sql lang file from prismjs.
add this line somewhere in main.js file.

import "prismjs/components/prism-sql.js"

[xtan9]

Perfect. Thanks for the help!

[calebeaires]

I had the same problem. This issue help me to fix it. Woulb be great to put this tip on the readme.md page.

[NEK-RA]

Hi. One more question about this issue. I've got problem with "php" language.
Codesandbox — https://codesandbox.io/s/vue-prism-editor-php-raise-errors-2xuse
Problem: I've seen above the solution with SQL and checked it with PHP and JSON, so I included them into main.js:

import "prismjs/components/prism-php.js"
import "prismjs/components/prism-json.js"

When using language="json" everything works good. When I try to use language="php" these 7 problems are raised:

1. Error in getter for watcher "content": "TypeError: Cannot read property 'tokenizePlaceholders' of undefined"
2. Error in render: "TypeError: Cannot read property 'tokenizePlaceholders' of undefined"
3. Error in getter for watcher "content": "TypeError: Cannot read property 'tokenizePlaceholders' of undefined"
4. Error in render: "TypeError: Cannot read property 'tokenizePlaceholders' of undefined"
5. Error in mounted hook: "TypeError: Cannot read property 'innerHTML' of undefined"
6. Error in mounted hook: "TypeError: Cannot read property 'innerHTML' of undefined"
7. Error in nextTick: "TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'."

I've also decided to check for prism object, so I've imported it from 'prismjs' and checked for prism.languages — php exists in this object.
Any thoughts about that?

[yangyang-zhang]

Hi. One more question about this issue. I've got problem with "php" language.
Codesandbox — https://codesandbox.io/s/vue-prism-editor-php-raise-errors-2xuse
Problem: I've seen above the solution with SQL and checked it with PHP and JSON, so I included them into main.js:

import "prismjs/components/prism-php.js"
import "prismjs/components/prism-json.js"

When using language="json" everything works good. When I try to use language="php" these 7 problems are raised:

1. Error in getter for watcher "content": "TypeError: Cannot read property 'tokenizePlaceholders' of undefined"
2. Error in render: "TypeError: Cannot read property 'tokenizePlaceholders' of undefined"
3. Error in getter for watcher "content": "TypeError: Cannot read property 'tokenizePlaceholders' of undefined"
4. Error in render: "TypeError: Cannot read property 'tokenizePlaceholders' of undefined"
5. Error in mounted hook: "TypeError: Cannot read property 'innerHTML' of undefined"
6. Error in mounted hook: "TypeError: Cannot read property 'innerHTML' of undefined"
7. Error in nextTick: "TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'."

I've also decided to check for prism object, so I've imported it from 'prismjs' and checked for prism.languages — php exists in this object.
Any thoughts about that?

I have encountered the same problem. How did you solve it?

[koca]

Please upgrade to the new version v1.x

[rh78]

Hi I am on the newest version, and for CSS I get:

Error in nextTick: "TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'."

[valentinoli]

Hi I am on the newest version, and for CSS I get:

Error in nextTick: "TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'."

I got a similar error and this thread helped me