This repository was archived by the owner on Sep 24, 2024. It is now read-only.
File tree Expand file tree Collapse file tree 2 files changed +2
-35
lines changed Expand file tree Collapse file tree 2 files changed +2
-35
lines changed Original file line number Diff line number Diff line change 11{
22 "name" : " nuxt-ui-vue" ,
3- "version" : " 0.0.9-beta.1 " ,
3+ "version" : " 0.0.9-beta.2 " ,
44 "private" : false ,
55 "exports" : {
66 "." : {
Original file line number Diff line number Diff line change 11<script setup lang="ts">
2- import { ref } from ' vue'
3-
4- import { useDark , useToggle } from ' @vueuse/core'
5-
6- const isDark = useDark ()
7-
8- const toggleTheme = useToggle (isDark )
9-
10- const searchTerm = ref (' ' )
112 </script >
123
134<template >
14- <div >
15- <button @click =" toggleTheme()" >
16- Theme
17- </button >
18- </div >
19- <div class =" dark:bg-black grid place-items-center min-h-screen w-full" >
20- <UInput
21- v-model =" searchTerm" color =" white" :variants =" {
22- 'my-variant': {
23- placeholder: 'dark:bg-transparent',
24- },
25- }" :variant =" ['my-variant']" name =" searchTerm" placeholder =" Search..." icon =" heroicons:magnifying-glass-20-solid"
26- >
27- <template #trailing >
28- <UButton
29- v-show =" searchTerm !== ''"
30- color =" gray"
31- intent =" link"
32- icon =" heroicons:x-mark-20-solid"
33- :padded =" false"
34- @click =" searchTerm = ''"
35- />
36- </template >
37- </UInput >
38- </div >
5+ <div />
396</template >
You can’t perform that action at this time.
0 commit comments