1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| <script setup lang="ts">
| import {
| useDarkMode,
| useToggleDarkMode
| } from "@/composables/useToggleDarkMode";
|
| const onClickRight = (event: TouchEvent | MouseEvent) => {
| useToggleDarkMode(event);
| };
| </script>
|
| <template>
| <van-nav-bar fixed placeholder @click-right="onClickRight">
| <template #right>
| <svg-icon class="text-[18px]" :name="useDarkMode() ? 'light' : 'dark'" />
| </template>
| </van-nav-bar>
| </template>
|
| <style scoped></style>
|
|
