refactor: app derived state, cleanup

Author: rdunk

apps/test/src/lib/components/Features.svelte

@@ -16,7 +16,7 @@
     {#if isPreviewing}
       <a
         class="relative flex transition-all duration-300 p-2 gap-1 group hover:bg-red-100 hover:text-red-500"
-        href={resolve(`/preview/disable`, {
+        href={resolve('/preview/disable', {
           redirect: page.url.pathname
         })}
       >

apps/test/src/lib/sanity/sanity.config.ts

@@ -18,6 +18,7 @@ export default defineConfig({
     presentationTool({
       previewUrl: {
         origin,
+        initial: '/',
         previewMode: {
           enable: '/preview/enable',
           disable: '/preview/disable'

apps/test/src/routes/(app)/live-loader/+page.svelte

@@ -3,7 +3,7 @@
   import type { PageProps } from './$types';
 
   const { data }: PageProps = $props();
-  const { data: buildings } = $derived(data);
+  const buildings = $derived(data.data);
 </script>
 
 <BuildingsPage {buildings} />

apps/test/src/routes/(app)/query-loader/+layout.svelte

@@ -1,13 +1,14 @@
 <script lang="ts">
-  import { getIsPreviewing, QueryLoader } from '@sanity/sveltekit';
+  import { QueryLoader } from '@sanity/sveltekit';
   import { client } from '$lib/sanity/client';
   import Features from '$lib/components/Features.svelte';
+  import type { LayoutProps } from './$types';
 
-  const { children } = $props();
-  const isPreviewing = getIsPreviewing();
+  const { children, data }: LayoutProps = $props();
+  const { previewEnabled } = $derived(data);
 </script>
 
-<QueryLoader enabled={isPreviewing} {client}>
+<QueryLoader enabled={previewEnabled} {client}>
   {@render children()}
   <Features />
 </QueryLoader>

apps/test/src/routes/(app)/query-loader/+page.svelte

@@ -4,8 +4,8 @@
   import type { PageProps } from './$types';
 
   const { data }: PageProps = $props();
-  const value = $derived(useQuery(data));
-  const { data: buildings } = $derived($value);
+  const query = useQuery(data);
+  const buildings = $derived($query.data);
 </script>
 
 {#if buildings}

apps/test/src/routes/(app)/query-loader/[slug]/+page.svelte

@@ -4,8 +4,8 @@
   import type { PageProps } from './$types';
 
   const { data }: PageProps = $props();
-  const value = $derived(useQuery(data));
-  const { data: building } = $derived($value);
+  const query = useQuery(data);
+  const building = $derived($query.data);
 </script>
 
 {#if building}