SvelteKit met TypeScript geen IntelliSense binnen HTML?

Ik heb een eenvoudig pagina-component, maar mijn intellisense in HTML werkt niet... Ook na het hernoemen van een eigenschap wordt deze niet in HTML hernoemd, het breekt gewoon... Typescript-versie: 4.8.4 Hier is mijn code:

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

hier is mijn Blog-interface:

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

Antwoord #1

Dit lijkt mij meer een kwestie van je IDE/extensies, dan van svelte/sveltekit zelf.

Je hebt niet gespecificeerd wat je IDE is en welke extensies je hebt geïnstalleerd. Maar in VS Code met de aanbevolen extensies (Svelt voor VS Code) werkt dat voorbeeld inderdaad niet voor mij, maar het lijkt een bug te zijn, want als je het probeert:

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

De automatische aanvulling werkt, dus intellisense werkt duidelijk in de html. Ik kon dit niet als een gemeld probleem in de repository vinden, maar ik denk dat deze vraag beter een GitHub-issue hier kan zijn. Voel je dus vrij om het probleem daar te melden als je ook denkt dat het een bug aan die kant is.