Как получить Intellisense для vue в блоке template в VisualStudio?

Question

[Руслан]

Здравствуйте.
Проблема в том, что когда я в коде шаблона набираю имена типизированных переменных, visual studio не выводит список полей этих типов.

Для примера есть код компонента:

<template>
    <div>
        <div>{{ foo.a }}</div>

        <div v-for="x in bar">{{ x.a }} *** {{ x.b }}</div>

    </div>
</template>

<script lang="ts">
    import { Component, Vue } from 'vue-property-decorator'

    @Component
    export default class TestComponent extends Vue {
        foo: myclass = { a: "bar", b: 12 };
        bar: Array<myclass> = [{ a: "aaa", b: 1 }, { a: "bbb", b: 2 }, { a: "ccc", b: 3 }]
    }


    class myclass {
        a!: string;
        b!: number;
    }
</script>

если в фигурных скобках начать писать имя переменной "foo.", то никаких подсказок не появляется.

Как я понимаю, она (или оно?) (vs) просто не знает как это делать.
Я нашел расширение Vue.js Pack 2019, но оно не умеет делать то, что мне нужно.
Может быть кто-то знает расширение, при помощи которого в таких ситуация заработает intellisense, а если такого расширения нет, то наверное, его можно написать самому...

в общем, чтобы не начинать изобретать велосипед, кто-нибудь может уже нашел решения такой проблемы?