Getting [ts 2339] [E] Property '...' does not exist on type about coc-volar HOT 8 CLOSED

Thank you for the quick reply, both solutions worked for me. Do you know how "shameful" this experimentalShamefullySupportOptionsApi is ?
Because I would rather use the Options API as it is in the documentation without the defineComponent function.

Cheers

from coc-volar.

The latest version was released yesterday via upstream. coc-volar has also been updated. Try run :CocUpdate and update your extensions

from coc-volar.

Try using defineComponent.

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  data() {
    // ...snip
  },
  methods: {
    // ...snip
  },
});
</script>

Or use the <script setup lang="ts">.

from coc-volar.

@3ximus If you want to use export default { ... } as it is, try adding a settings. Adding vueCompilerOptions.experimentShamefullySupportOptionsApi settings to tsconfig.json may solve the problem.

For projects created in create-vue (npm init vue), try adding settings to tsconfig.app.json.

tsconfig.app.json:

{
  "extends": "@vue/tsconfig/tsconfig.web.json",
  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
  "exclude": ["src/**/__tests__/*"],
  "compilerOptions": {
    "composite": true,
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  },
  // ---- here ----
  "vueCompilerOptions": {
    "experimentalShamefullySupportOptionsApi": true
  }
}

from coc-volar.

This is not a configuration item added by coc-volar on its own, but by upstream. If you are concerned about the name of the configuration, please submit an issue report upstream.

export default {...} is of course explained in the official vue documentation and is certainly nothing to be shamefull of. Of course, the same applies when using javascript instead of typescript.

In the current volar, it is recommended to use script setup or defineComponent in typescript because it is less trouble.

from coc-volar.

I see, ok. Thank you for the reply and help.
Cheers 👍

from coc-volar.

@3ximus It looks like experimentalShamefullySupportOptionsApi option will be enabled by default in the next upstream update. The diagnostic message appears as a warning, not a error. vuejs/language-tools@e361bdd72aefe4818c5a40e87d11b61672fdf6adA

from coc-volar.

Oh that's great 👍
Thank you!

from coc-volar.