SvelteKit with typescript no intellisense inside html?

[WingsDevelopment]

I have simple page component, but my intellisense isnide html is not working... Also after renameing property it doesn't rename inside html, it just breaks... Typescript version: 4.8.4 Here is my 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>

here is my 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;
}

It works strange, after i type for example blog.content and wait few seconds i get content as suggestion, but renaming content still doesn't get renamed in HTML..

[abhishekZom]

[WingsDevelopment]

This doesn't really help.. I am not sure if chatGPT answers are even allowed to be posted like this as answers.. I think you should probably remove this answer..