SvelteKit TypeScriptillä ilman IntelliSenseä HTML:n sisällä?

Minulla on yksinkertainen sivukomponentti, mutta intellisenseni HTML:n sisällä ei toimi... Myös ominaisuuden uudelleennimeämisen jälkeen sitä ei uudelleennimetä HTML:n sisällä, se vain rikkoutuu... Typescript-versio: 4.8.4 Tässä on koodini:

<script lang="ts">
    import type { Blog } from "$lib/store/BlogStore";

    let blog: Blog = {
        id: 0,
        activeFrom: new Date(),
        isPublished: false,
        updatedAt: new Date(),
        content: {
            rows: [],
            notesHolder: []
        },
        previewImageUrl: '',
        tags: [],
        header: '',
        user: '',
        isPremium: false
    };
</script>

<div>
    {#each blog.<no intellisense here? as row}
        <div>
            <h1>{row.id}</h1>
            <p>{row.type}</p>
        </div>
    {/each}
</div>

tässä on minun Blogi-liittymäni:

export interface Blog {
    id: number;
    activeFrom: Date;
    isPublished: boolean;
    updatedAt: Date;
    content: BlogContent;
    previewImageUrl: string;
    tags: string[]; //tag
    header: string;
    user: string; // user
    isPremium: boolean;
}

Vastaus #1

Tämä vaikuttaa minusta enemmän IDE:si/laajennustesi ongelmalta kuin svelte/sveltekitin itsensä ongelmalta.

Et maininnut, mikä IDE sinulla on ja mitä lisäosia olet asentanut. Mutta VSCode:ssa suositelluilla lisäosilla (Svelte VS Codeen) tuo esimerkki ei kyllä toimi minulla, mutta se vaikuttaa virheeltä, koska jos yrität:

{#if blog.tags}
p
{/if}

Automaattinen täydennys toimii, joten intellisense toimii selvästi HTML:ssä. En löytänyt tätä raportoituina ongelmina repossa, mutta mielestäni tämä kysymys voisi olla paremmin GitHub-ongelma täällä. Joten voit vapaasti nostaa ongelman siellä, jos myös ajattelet, että se on bugi siinä päässä.