From a5999965b94ef1d483521c1e6b6a18d02c230296 Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Tue, 14 May 2024 11:35:51 +0800
Subject: [PATCH] config

---
 app.config.ts         |  6 ++++++
 app.vue               |  2 +-
 nuxt.config.ts        |  9 +++++++--
 pages/index.vue       |  8 ++++++++
 pages/search/[id].vue | 26 ++++++++++++++++++++++++++
 tailwind.config.ts    | 24 ++++++++++++++++++++++++
 6 files changed, 72 insertions(+), 3 deletions(-)
 create mode 100644 app.config.ts
 create mode 100644 pages/index.vue
 create mode 100644 pages/search/[id].vue
 create mode 100644 tailwind.config.ts

diff --git a/app.config.ts b/app.config.ts
new file mode 100644
index 0000000..d52dc1a
--- /dev/null
+++ b/app.config.ts
@@ -0,0 +1,6 @@
+export default defineAppConfig({
+    ui: {
+        primary: '#ff6600',
+        gray: 'cool'
+    }
+})
diff --git a/app.vue b/app.vue
index a495b75..fc2270b 100644
--- a/app.vue
+++ b/app.vue
@@ -1,5 +1,5 @@
 <template>
   <div>
-    <NuxtWelcome />
+      <NuxtPage />
   </div>
 </template>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 9d88351..98f90a7 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,5 +1,10 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  devtools: { enabled: true },
-  modules: ["@vite-pwa/nuxt", "@nuxt/ui"]
+    devtools: {
+        enabled: false
+    },
+    modules: [
+        '@vite-pwa/nuxt',
+        '@nuxt/ui'
+    ]
 })
\ No newline at end of file
diff --git a/pages/index.vue b/pages/index.vue
new file mode 100644
index 0000000..418c437
--- /dev/null
+++ b/pages/index.vue
@@ -0,0 +1,8 @@
+<template>
+    <h1>Home</h1>
+</template>
+<script>
+    export default {
+        name: 'page-index'
+    }
+</script>
\ No newline at end of file
diff --git a/pages/search/[id].vue b/pages/search/[id].vue
new file mode 100644
index 0000000..ada9d30
--- /dev/null
+++ b/pages/search/[id].vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+const colorMode = useColorMode()
+const isDark = computed({
+    get () {
+        return colorMode.value === 'dark'
+    },
+    set () {
+        colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark'
+    }
+})
+</script>
+<template>
+    <ClientOnly>
+        <UButton
+            :icon="isDark ? 'i-heroicons-moon-20-solid' : 'i-heroicons-sun-20-solid'"
+            color="gray"
+            variant="ghost"
+            aria-label="Theme"
+            @click="isDark = !isDark"
+        />
+        <template #fallback>
+            <div class="w-8 h-8" />
+        </template>
+        <UButton>Button</UButton>
+    </ClientOnly>
+</template>
diff --git a/tailwind.config.ts b/tailwind.config.ts
new file mode 100644
index 0000000..25c72f9
--- /dev/null
+++ b/tailwind.config.ts
@@ -0,0 +1,24 @@
+import type { Config } from 'tailwindcss'
+import defaultTheme from 'tailwindcss/defaultTheme'
+
+export default <Partial<Config>>{
+    theme: {
+        extend: {
+            colors: {
+                green: {
+                    50: '#EFFDF5',
+                    100: '#D9FBE8',
+                    200: '#B3F5D1',
+                    300: '#75EDAE',
+                    400: '#00DC82',
+                    500: '#00C16A',
+                    600: '#00A155',
+                    700: '#007F45',
+                    800: '#016538',
+                    900: '#0A5331',
+                    950: '#052e16'
+                }
+            }
+        }
+    }
+}
-- 
GitLab