Vetur: Unexpected Vetur error messages

[chanlito]

• [x] I have searched through existing issues
• [x] I have read through docs
• [x] I have read FAQ

Info

• Platform: macOS
• Vetur version: 0.19.0
• VS Code version: 1.33.1

Problem

<template>
  <v-container grid-list-lg>
    Nice
  </v-container>
</template>

<script lang="ts">
import Vue from 'vue';
import { VContainer } from 'vuetify/lib';

export default Vue.extend({
  components: {
    VContainer,
  },
});
</script>

The above component causes the error below:

Reproducible Case

[shenxiang11]

Yes, I've met the question as you too.

[HonLuk]

I use version 0.18.1 for now.waiting for new release.

[chanlito]

Right now I turned off Experimental: Template Interpolation Service.

[dukferradj]

Right now I turned off Experimental: Template Interpolation Service.

Worked for me. Thanks !

[aljaxus]

I'm sorry, where can you edit this setting ?

(edit) I bet 2$ that this issue with blow up.

[dukferradj]

@aljaxus In your settings.json file you can add "vetur.experimental.templateInterpolationService": false

[aljaxus]

@aljaxus In your settings.json file you can add "vetur.experimental.templateInterpolationService": false

Thanks. I just found it. I guess I scrolled by when searching for it...

For anyone else that might be searching for the temporary "fix";

• VSCode -> Toolbar > File > Preferences > Settings -> (sidebar in settings) Extensions > Vetur > "Experimental: Template Interpolation Service" toggle at the very start of Vetur section (as @chanlito pointed out here)

• Or just edit the settings.json file, located at "~/.config/Code/User/settings.json" (on Linux. I don't know where it's located on MacOS or Windows), and add the "vetur.experimental.templateInterpolationService": false line (as @dukferradj pointed out here)

[rockshenhua]

me too

[aljaxus]

me too

Read my reply to "fix" the issue.

[unclexiao]

Me too. And after I add this config:

"vetur.experimental.templateInterpolationService": false

It is back to working again! Thanks ~ @dukferradj

[hellomikes]

@dukferradj awesome, thanks for posting that, it solved my issue!

FYI, for the sake of debugging this issue, I was getting the following:

This seems to be occurring for every computed property I'm generating via Vuex's mapState or mapGetter, and even appeared for a regular method that I have defined too

[huyajie]

What's the problem?
Opening all files today is like this

help

[huyajie]

What's the problem?
Opening all files today is like this

help

"vetur.validation.template": false
Add this to it.
But I don't know why.

[golopot]

This bug happens when the a attribute name contains a hypen, e.g.

<template>
  <div foo-bar="baz"/>
</template>

[victorgarciaesgi]

I have the error too. It's appening when a prop or event have a hyphen or comma.
Cases appening for me:

<div 
 :max-bounds="maxBounds"
 @event-created="createEvent"
 @update:center="centerUpdate">
</div>

[kouchao]

Appear at 0.19.0, retreat to 0.18.1

[ktsn]

I already made a PR #1222.

[victorgarciaesgi]

@ktsn It's not only hyphens, I have the problem with colons too

[ktsn]

That's the same cause. The PR covers your case.

[victorgarciaesgi]

@ktsn Allright, thanks! 💯

[octref]

Fixed via #1222.

[frizar]

Still not fixed

[valerijmedvid]

Vetur version 0.19.1

[aljaxus]

@frizar @valerijmedvid
Anyhow... temp fix

[MatteoGauthier]

Up !

[a15965734368]

Vetur version 0.32.0 setting.json add this config:
"vetur.validation.interpolation": false

[yoyo930021]

I will lock this issue.
Please open a new issue when you have problem.