Update Evolu instance names and Vue example formatting

Changed Evolu instance 'name' values to 'evolu-minimal-example-181125' across all examples for consistency.

Author: steida

apps/web/src/components/EvoluFullExample.tsx

@@ -97,7 +97,7 @@ const Schema = {
 };
 
 const evolu = createEvolu(evoluReactWebDeps)(Schema, {
-  name: SimpleName.orThrow("evolu-full-example-281025"),
+  name: SimpleName.orThrow("evolu-full-example-181125"),
 
   reloadUrl: "/playgrounds/full",
 

apps/web/src/components/EvoluMinimalExample.tsx

@@ -26,7 +26,7 @@ const Schema = {
 
 // Create Evolu instance for the React web platform.
 const evolu = Evolu.createEvolu(evoluReactWebDeps)(Schema, {
-  name: Evolu.SimpleName.orThrow("evolu-minimal-example-281025"),
+  name: Evolu.SimpleName.orThrow("evolu-minimal-example-181125"),
 
   reloadUrl: "/playgrounds/minimal",
 

examples/react-electron/components/EvoluMinimalExample.tsx

@@ -24,7 +24,7 @@ const Schema = {
 
 // Create Evolu instance for the React web platform.
 const evolu = Evolu.createEvolu(evoluReactWebDeps)(Schema, {
-  name: Evolu.SimpleName.orThrow("evolu-minimal-example-281025"),
+  name: Evolu.SimpleName.orThrow("evolu-minimal-example-181125"),
 
   reloadUrl: "/playgrounds/minimal",
 

examples/react-nextjs/components/EvoluMinimalExample.tsx

@@ -26,7 +26,7 @@ const Schema = {
 
 // Create Evolu instance for the React web platform.
 const evolu = Evolu.createEvolu(evoluReactWebDeps)(Schema, {
-  name: Evolu.SimpleName.orThrow("evolu-minimal-example-281025"),
+  name: Evolu.SimpleName.orThrow("evolu-minimal-example-181125"),
 
   reloadUrl: "/playgrounds/minimal",
 

examples/svelte-vite-pwa/src/App.svelte

@@ -21,7 +21,7 @@
 
   // Create Evolu instance for the Svelte platform.
   const evolu = Evolu.createEvolu(evoluSvelteDeps)(Schema, {
-    name: Evolu.SimpleName.orThrow("evolu-minimal-example-281025"),
+    name: Evolu.SimpleName.orThrow("evolu-minimal-example-181125"),
 
     reloadUrl: "/",
 

examples/vue-vite-pwa/src/App.vue

@@ -57,7 +57,7 @@ type DatabaseSchema = typeof DatabaseSchema;
 
 const evolu = createEvolu(evoluWebDeps)(DatabaseSchema, {
   reloadUrl: "/",
-  name: getOrThrow(SimpleName.from("evolu-vue-example")),
+  name: SimpleName.orThrow("evolu-minimal-example-181125"),
   ...(isDev && {
     transports: [{ type: "WebSocket", url: "ws://localhost:4000" }],
   }),
@@ -70,13 +70,13 @@ const evolu = createEvolu(evoluWebDeps)(DatabaseSchema, {
 provideEvolu(evolu);
 
 const todosWithCategories = evolu.createQuery((db) =>
-    db
-      .selectFrom("todo")
-      .select(["id", "title", "isCompleted", "categoryId", "priority"])
-      .where("isDeleted", "is not", 1)
-      .where("title", "is not", null)
-      .$narrowType<{ title: kysely.NotNull }>()
-      .orderBy("createdAt"),
+  db
+    .selectFrom("todo")
+    .select(["id", "title", "isCompleted", "categoryId", "priority"])
+    .where("isDeleted", "is not", 1)
+    .where("title", "is not", null)
+    .$narrowType<{ title: kysely.NotNull }>()
+    .orderBy("createdAt"),
 );
 
 const todoCategories = evolu.createQuery((db) =>
@@ -227,7 +227,11 @@ function onPriorityChange(event: Event, id: TodoId) {
               :value="todo.categoryId"
               @change="onCategoryChange($event, todo.id)"
             >
-              <option v-for="category in allCategories" :value="category.id" :key="category.id">
+              <option
+                v-for="category in allCategories"
+                :value="category.id"
+                :key="category.id"
+              >
                 {{ category.name }}
               </option>
             </select>
@@ -237,7 +241,11 @@ function onPriorityChange(event: Event, id: TodoId) {
               :value="todo.priority"
               @change="onPriorityChange($event, todo.id)"
             >
-              <option v-for="priority in PriorityList" :value="priority" :key="priority">
+              <option
+                v-for="priority in PriorityList"
+                :value="priority"
+                :key="priority"
+              >
                 {{ priority }}
               </option>
             </select>