-
Notifications
You must be signed in to change notification settings - Fork 24
/
Popup.vue
34 lines (31 loc) · 1.05 KB
/
Popup.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<template>
<main class="w-[180px] px-4 py-5 text-center text-gray-800 dark:bg-gray-700 dark:text-white">
<Logo width="40" height="40" class="inline-block" :dark="isDark" />
<p class="mt-2 opacity-50">
Fussy history search
</p>
<!-- TODO enable dark mode -->
<!-- <div class="mt-2">-->
<!-- <IconMoon v-if="isDark" width="40" height="40" class="cursor-pointer" @click="toggleMode" />-->
<!-- <IconSun v-else width="40" height="40" class="cursor-pointer" @click="toggleMode" />-->
<!-- {{ isDark }}-->
<!-- </div>-->
</main>
</template>
<script lang="ts" setup>
// TODO enable dark mode
// import { isDarkMode } from '~/logic/storage'
// const isDark = computed(() => isDarkMode.value)
// const toggleMode = () => {
// isDarkMode.value = !isDarkMode.value
// }
// watch(isDarkMode, () => {
// if (isDarkMode.value)
// document.querySelector('html')!.classList.add('dark')
//
// else
// document.querySelector('html')!.classList.remove('dark')
// }, {
// immediate: true,
// })
</script>