16ar's questions

A estrutura dos meus arquivos é esta:

/routes
├── [slug]
│   ├── +page.svelte
├── portfolio/[slug]
│   ├── +error.svelte
│   └── +page.svelte
├── +error.svelte
├── +layout.server.js
├── +layout.svelte
├── +page.svelte
└── +server.js

Eu layout.server.jsverifico as URLs para enviar os dados corretos (não tenho certeza se é o caminho certo, mas até agora está tudo bem):

// +layout.server.js
import { error } from '@sveltejs/kit';

export async function load({ url }) {
    //...run some code
    if(urlNotfound) {
            throw error(404, 'Not found here');
    }
    return { correctData };
}

Quero que a +error.sveltepágina correta (ou pelo menos qualquer) seja exibida, mas nenhuma delas é mostrada. Continuo tendo a página de erro nativa. Por quê?

Estou carregando conteúdo HTML de um repositório Supabase. Quando exibo o conteúdo sem a @htmltag, ele aparece (como texto simples), mas quando o encapsulo com {@html ...}nada é mostrado e recebo um hydration_html_changedaviso.

Uma coisa a destacar é que se eu apenas salvar o arquivo novamente, o conteúdo será exibido corretamente. Mas ao recarregar a página inteira, tenho o problema...

<!-- +page.svelte -->
<script>
    import { page } from '$app/state';
    console.log(page.data.personalMessage); // Logs content correctly
</script>

<h2>Hey !</h2>
<div>
    <!-- Displays HTML content as plain text -->
    {page.data.personalMessage}

    <!-- Nothing shows + hydration_html_changed warning -->
    {@html page.data.personalMessage}
</div>
```

Estou com dificuldade para entender o uso de Runas e carregamento de dados. Carrego um arquivo json supabase e quero acessar os dados globalmente.

// +page.server.js
export async function load() {
    const [_portfolioSummary, error] = await getFullPortfolio('/');
    return _portfolioSummary;
}

// shared.svelte.js
export let portfolioSummary = $state({});

// +page.js
import { portfolioSummary } from '../lib/js/shared.svelte.js';

export async function load({ data }) {
    portfolioSummary = data.portfolioSummary;
}

Recebo este erro:

TypeError: Não é possível definir uma propriedade portfolioSummaryque #<Object>possui apenas um getter

O que devo fazer para obter portfolioDataalcance global e poder usá-lo em qualquer lugar?