search

valentinnodan / mdx-intellij-plugin

MIT License
8 stars 2 forks source link

Syntax Errors with Docusaurus & Webcomponents #17

Open msteller-connyun opened 2 years ago

msteller-connyun commented 2 years ago

I get lot of syntax errors, but the code is valid and working:

Checkbox

<kds-tab>
  <kds-tab-title slot="title">Vue2</kds-tab-title>
  <kds-tab-panel slot="panel" class="kds-pt-3">

```html
<kds-checkbox label="Choice 01" value="option1" :model="JSON.stringify(myCheckbox)" @input="myCheckbox=$event.target.model"></kds-checkbox>
<kds-checkbox label="Choice 02" value="option2" :model="JSON.stringify(myCheckbox)" @input="myCheckbox=$event.target.model"></kds-checkbox>
<kds-checkbox label="Choice 03" value="option3" :model="JSON.stringify(myCheckbox)" @input="myCheckbox=$event.target.model"></kds-checkbox>

Vue3 ```html ``` 



<img width="1154" alt="image" src="https://user-images.githubusercontent.com/31731643/128018686-25fea982-8dc6-4291-b55d-357bfc5f9ed7.png">

Looks like that the inspector doesn’t like the Vue examples, but it’s working fine if the vue components are on root level.
vladsholokhov commented 2 years ago

Thanks, reproduced.

<kds-tab>

    ```html
    <kds-checkbox label="Choice 01" value="option1" :model="JSON.stringify(myCheckbox)" @input="myCheckbox=$event.target.model"></kds-checkbox>
    <kds-checkbox label="Choice 02" value="option2" :model="JSON.stringify(myCheckbox)" @input="myCheckbox=$event.target.model"></kds-checkbox>
    <kds-checkbox label="Choice 03" value="option3" :model="JSON.stringify(myCheckbox)" @input="myCheckbox=$event.target.model"></kds-checkbox>

WebStorm 2021.2 Build #WS-212.4746.80, built on July 23, 2021 Licensed to JetBrains Team / Vladislav Sholokhov You have a perpetual fallback license for this version. Subscription is active until March 30, 2023. Runtime version: 11.0.11+9-b1504.13 amd64 VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o. Linux 5.4.0-80-generic GC: G1 Young Generation, G1 Old Generation Memory: 1982M Cores: 8 Non-Bundled Plugins: com.jensteichert.themes.nightowl (1.1), org.intellij.plugins.postcss (212.4746.57), com.vermouthx.idea (1.11.5), design.verybeautiful.onedarkmonokai (0.1.8), github.cweijan.test-theme (1.6), hu.aradipatrik.nightowlnative (1.1), monokai-pro (1.3.2), Dart (212.4746.57), com.intellij.lang.jsgraphql (3.0.0), mdx.js (1.2.212) Current Desktop: ubuntu:GNOME



@anstarovoyt Could you take a look?