refactor: minor

examples/vue-ssr-extra/src/routes/server/_store.ts

@@ -1,16 +1,9 @@
 import { defineStore } from "pinia";
-import { changeCounter } from "./_action";
 
 type CounterState = {
-  data: number;
-  isReady: boolean;
+  data: number | null;
 };
 
 export const useServerCounter = defineStore("server-counter", {
-  state: () => <CounterState>{ data: 0, isReady: false },
-  actions: {
-    async change(delta: number) {
-      this.data = await changeCounter(delta);
-    },
-  },
+  state: () => <CounterState>{ data: null },
 });

examples/vue-ssr-extra/src/routes/server/page.vue

@@ -9,15 +9,11 @@ const store = useServerCounter();
 // TODO: suspend?
 onServerPrefetch(async () => {
   store.data = await getCounter();
-  store.isReady = true;
 });
 
 onMounted(async () => {
   // TODO: refetch on stale?
-  if (!store.isReady) {
-    store.data = await getCounter();
-    store.isReady = true;
-  }
+  store.data ??= await getCounter();
 });
 
 // TODO: pending state?
@@ -30,7 +26,7 @@ const formAction = enhanceFormAction(changeCounter, {
 
 <template>
   <Form :action="formAction">
-    <div>Server Counter: {{ store.isReady ? store.data : "..." }}</div>
+    <div>Server Counter: {{ store.data ?? "..." }}</div>
     <button type="submit" name="delta" value="-1">-1</button>
     <button type="submit" name="delta" value="+1">+1</button>
   </Form>