SvelteKit typescripttel, nincs intellisense a HTML-en belül?

Van egy egyszerű oldal komponensem, de az intellisense az HTML-ben nem működik... Emellett a tulajdonság átnevezése után sem nevezi át a HTML-ben, csak tönkreteszi... Typescript verzió: 4.8.4 Íme a kódom:

<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>

itt van a blogom felülete:

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;
}

Válasz #1

Ez számomra inkább a te IDE-d/bővítményeid problémája tűnik, mint a svelte/sveltekit maga.

Nem adtad meg, hogy milyen IDE-t használsz és milyen kiegészítőket telepítettél. De a VS Code-ban a javasolt kiegészítőkkel (Svelt a VS Code-hoz) valóban nem működik nálam az a példa, de úgy tűnik, hogy ez egy hiba, mert ha megpróbálod:

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

Az automatikus kiegészítés működik, tehát az intellisense egyértelműen működik a HTML-ben. Nem tudtam ilyen bejelentett problémát találni a repóban, de azt hiszem, ez a kérdés inkább egy GitHub-issue lehet itt. Szóval nyugodtan emeld ki az issue-t ott is, ha te is hibának gondolod ezen a végén.