From 7a36fb8efdad2f9412b4eb69069103bf607e859b Mon Sep 17 00:00:00 2001 From: Daniel Roe Date: Thu, 29 Dec 2022 13:26:08 +0100 Subject: [PATCH] refactor: use `@nuxtjs/color-mode` to manage ssr (#612) --- components/common/dropdown/Dropdown.vue | 4 +- components/nav/NavBottomMoreMenu.vue | 6 +- components/nav/NavFooter.vue | 4 +- .../publish/PublishEmojiPicker.client.vue | 2 +- components/settings/SettingsColorMode.vue | 8 +- composables/command.ts | 4 +- composables/injections.ts | 11 +- composables/shiki.ts | 2 +- constants/symbols.ts | 3 +- nuxt.config.ts | 2 + package.json | 1 + plugins/color-mode.ts | 10 ++ plugins/setup-color-mode.ts | 41 ----- pnpm-lock.yaml | 160 ++---------------- 14 files changed, 43 insertions(+), 215 deletions(-) create mode 100644 plugins/color-mode.ts delete mode 100644 plugins/setup-color-mode.ts diff --git a/components/common/dropdown/Dropdown.vue b/components/common/dropdown/Dropdown.vue index 8ed928c0..6ce7284e 100644 --- a/components/common/dropdown/Dropdown.vue +++ b/components/common/dropdown/Dropdown.vue @@ -5,7 +5,7 @@ defineProps<{ }>() const dropdown = $ref() -const colorMode = useColorModeRef() +const colorMode = useColorMode() provide(dropdownContextKey, { hide: () => dropdown.hide(), @@ -13,7 +13,7 @@ provide(dropdownContextKey, {