A new HTML component that just renders a remote raw .html file into its spot. It correctly updates the page when you change the url, which is actually difficult in Svelte because...Svelte.
parent
eda1059d2b
commit
e6e903c982
@ -0,0 +1,24 @@ |
|||||||
|
<script> |
||||||
|
export let url; |
||||||
|
export let content; |
||||||
|
import { onMount } from "svelte"; |
||||||
|
import api from "$/client/api.js"; |
||||||
|
|
||||||
|
const load_url = async () => { |
||||||
|
console.log("HTML URL", url); |
||||||
|
const [status, data] = await api.blob(url); |
||||||
|
|
||||||
|
if(status === 200) { |
||||||
|
content = await data.text(); |
||||||
|
} else { |
||||||
|
console.error("Failed to load", url, "status", status); |
||||||
|
content = ""; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
$: if(url) load_url(url); |
||||||
|
</script> |
||||||
|
|
||||||
|
{#if url && content} |
||||||
|
{@html content} |
||||||
|
{/if} |
Loading…
Reference in new issue