fix: dark logo image

Signed-off-by: ZTL-UwU <zhangtianli2006@163.com>

app.vue

@@ -1,5 +1,5 @@
 <template>
-  <NuxtLoadingIndicator :color="false" class="z-100 bg-primary/50" />
+  <NuxtLoadingIndicator :color="false" class="z-100 bg-primary/80" />
   <Toaster />
   <NuxtLayout>
     <NuxtPage />

layouts/default.vue

@@ -2,8 +2,8 @@
   <header class="sticky z-40 top-0 bg-background/80 backdrop-blur-lg lg:border-b">
     <div class="container px-4 md:px-8 flex h-14 max-w-screen-xl items-center border-b lg:border-none gap-2 justify-between">
       <NuxtLink class="flex select-none h-full" to="/">
-        <NuxtImg class="dark:hidden h-10 self-center" src="/brand.svg" />
-        <NuxtImg class="hidden dark:flex h-10 self-center" src="/brand-dark.svg" />
+        <NuxtImg preload class="dark:hidden h-10 self-center" src="/brand.svg" />
+        <NuxtImg preload class="hidden dark:flex h-10 self-center" src="/brand-dark.svg" />
       </NuxtLink>
       <div class="flex justify-end gap-2">
         <DarkModeToggle />

package.json

@@ -62,4 +62,4 @@
     "vue-tsc": "^2.0.21",
     "wrangler": "^3.60.2"
   }
-}
+}

pages/index.vue

@@ -1,7 +1,8 @@
 <template>
   <section class="mx-auto flex max-w-[980px] flex-col items-center gap-2 py-8 md:py-12 md:pb-8 lg:py-24 lg:pb-20">
     <h1 class="text-center text-3xl font-bold leading-tight tracking-tighter md:text-6xl lg:leading-[1.1]">
-      <NuxtImg class="w-60 md:w-80 mb-6 mx-auto" src="/cosmo.svg" />
+      <NuxtImg preload class="block dark:hidden w-60 md:w-80 mb-6 mx-auto" src="/cosmo.svg" />
+      <NuxtImg preload class="hidden dark:block w-60 md:w-80 mb-6 mx-auto" src="/cosmo-dark.svg" />
       深中漫游指南
     </h1>
     <span class="max-w-[750px] text-center text-lg text-muted-foreground sm:text-xl">

pages/new.vue

@@ -84,7 +84,7 @@ const form = useForm({ validationSchema: formSchema });
 const selectedPrimaryCategory = computed(
   () => categoryMap.find(e => e.value === form.values.primaryCategory),
 );
-watch(selectedPrimaryCategory, () => form.setFieldValue('secondaryCategory', undefined, false));
+watch(selectedPrimaryCategory, () => form.resetField('secondaryCategory'));
 
 const onSubmit = form.handleSubmit(async (values) => {
   try {