Custom blocks break the highlighting

[msaelices]

• I have searched through existing issues
• I have read through docs
• I have read FAQ

Info

• Platform: macOS
• Vetur version: 0.15
• VS Code version: 1.31.0

Problem

Custom blocks as <template-native> are considered as a template but the -native postfix break all the following blocks, like <script>, <style> etc.

Reproducible Case

Try this code:

<template>
  <div class="w-page">
    <div class="w-container">
      <img src="~/assets/logo.png" alt="logo" height="20%" width="20%">
      <HelloWorld :msg="msg"/>
    </div>
  </div>
</template>

<template-native>
  <Page>
    <ActionBar :title="navbarTitle"/>
    <GridLayout rows="auto, auto">
      <Button text="Home" @tap="goToHomePage" row="0"/>
      <Button text="About" @tap="goToAboutPage" row="1"/>
    </GridLayout>
  </Page>
</template-native>

<script>
  import HelloWorld from 'components/HelloWorld';
  export default {
    name: 'home',
    components: {
      HelloWorld
    },
    data() {
      return {
        msg: 'Mode=' + TNS_APP_MODE + ' and Platform=' + TNS_APP_PLATFORM,
      };
    },
  };
</script>

Even using the following Custom Block configuration, it still does not work:

    "vetur.grammar.customBlocks": {
      "template-native": "html"
    }

[DestinyHunter]

I have the same problem

Info

• Platform: Win
• Vetur version: 0.15.0
• VS Code version: 1.31.1

[octref]

This:

{
  "vetur.grammar.customBlocks": {
    "docs": "md",
    "i18n": "json",
    "config": "json",
    "template-native": "html"
  }
}

Should fixe the highlighting now:

[DestinyHunter]

Upgrading to the latest version still doesn't work. The configuration hasn't changed

[DestinyHunter]

default is ok

[p-kuen]

I will look for this problem, but it should be fixed. Did you regenerate the custom blocks using the vetur generate grammar command?

[DestinyHunter]

Sorry. You're right