Open GaryB432 opened 5 hours ago
this is all for component
index adfe8cc..b43278c 100644
--- a/src/routes/weight/SpinnyButton.svelte
+++ b/src/routes/weight/SpinnyButton.svelte
@@ -1,6 +1,6 @@
<script lang="ts">
- export let name = `SpinnyButton`;
- $: message = `${name} works`;
+ let { name = `SpinnyButton` } = $props();
+ let message = $derived(`${name} works`);
</script>
route templates need something like this...
<script lang="ts">
import type { PageData } from './$types';
// export let data: PageData;
// $: title = `${data.subject} - Generated`;
let data: PageData = $props();
let title = $derived(`${data.subject} - Generated`);
</script>
also declare Props
type (example for the component
but do the route
too
<script lang="ts">
type Props = {
name: string;
};
let { name = `SpinnyButton` }: Props = $props();
let message = $derived(`${name} works`);
</script>
the svelte schematics need a
runes
option like gb-nx