From de97bd088fe8cf78ca3b6d5f7bb42761b8702c76 Mon Sep 17 00:00:00 2001 From: Neko Date: Thu, 27 Feb 2025 13:09:29 +0800 Subject: [PATCH] chore(drizzle-duckdb-wasm): improved button color, added support for switching theme (#35) Signed-off-by: Neko Ayaka --- packages/drizzle-duckdb-wasm/package.json | 1 + .../playground/src/App.vue | 36 +++++-- pnpm-lock.yaml | 94 ++++++++++--------- 3 files changed, 79 insertions(+), 52 deletions(-) diff --git a/packages/drizzle-duckdb-wasm/package.json b/packages/drizzle-duckdb-wasm/package.json index 8fa151f4c..cf56561d6 100644 --- a/packages/drizzle-duckdb-wasm/package.json +++ b/packages/drizzle-duckdb-wasm/package.json @@ -78,6 +78,7 @@ "es-toolkit": "^1.32.0" }, "devDependencies": { + "@iconify-json/solar": "^1.2.2", "@unocss/reset": "^66.1.0-beta.1", "@vitejs/plugin-vue": "^5.2.1", "@vitest/browser": "^3.0.7", diff --git a/packages/drizzle-duckdb-wasm/playground/src/App.vue b/packages/drizzle-duckdb-wasm/playground/src/App.vue index 7b2f96964..9ab2801ef 100644 --- a/packages/drizzle-duckdb-wasm/playground/src/App.vue +++ b/packages/drizzle-duckdb-wasm/playground/src/App.vue @@ -3,6 +3,7 @@ import type { DuckDBWasmDrizzleDatabase } from '../../src' import { DuckDBAccessMode } from '@duckdb/duckdb-wasm' import { DBStorageType } from '@proj-airi/duckdb-wasm' +import { useDark, useToggle } from '@vueuse/core' import { serialize } from 'superjson' import { computed, onMounted, onUnmounted, ref } from 'vue' @@ -12,6 +13,9 @@ import * as schema from '../db/schema' import { users } from '../db/schema' import migration1 from '../drizzle/0000_cute_kulan_gath.sql?raw' +const isDark = useDark() +const toggleDark = useToggle(isDark) + const db = ref>() const results = ref[]>() const schemaResults = ref[]>() @@ -123,9 +127,18 @@ onUnmounted(() => {