File tree Expand file tree Collapse file tree 3 files changed +5
-5
lines changed
example/vue3/src/components Expand file tree Collapse file tree 3 files changed +5
-5
lines changed Original file line number Diff line number Diff line change 11# :boom : Vue3 Use Hooks
22
3- <p >Reusability and Composition functions.</p >
3+ > <p >Reusability and Composition functions.</p >
44
55<div align =" center " >
66
@@ -35,7 +35,7 @@ pnpm add vue3-use-hooks
3535``` vue
3636<script setup lang="ts">
3737import { useLocalStorage } from 'vue3-use-hooks';
38- const { value, remove } = useLocalStorage('test', 1 );
38+ const { value, remove } = useLocalStorage('test', '1' );
3939</script>
4040
4141<template>
@@ -58,7 +58,7 @@ const [count, setCount] = useState(0);
5858<template>
5959 <div>
6060 <p><b>Count: </b> {{ count }}</p>
61- <button class="fourth" @click="setCount(count - 1)">Decrement</button>
61+ <button class="fourth" @click="count - 1 >= 0 && setCount(count - 1)">Decrement</button>
6262 <button class="fourth" @click="setCount(count + 1)">Increment</button>
6363 </div>
6464</template>
Original file line number Diff line number Diff line change @@ -6,7 +6,7 @@ const [count, setCount] = useState(0);
66<template >
77 <div >
88 <p ><b >Count: </b > {{ count }}</p >
9- <button class =" fourth" @click =" setCount(count - 1)" >Decrement</button >
9+ <button class =" fourth" @click =" count - 1 >= 0 && setCount(count - 1)" >Decrement</button >
1010 <button class =" fourth" @click =" setCount(count + 1)" >Increment</button >
1111 </div >
1212</template >
Original file line number Diff line number Diff line change 11{
22 "name" : " vue3-use-hooks" ,
3- "version" : " 0.1.5 " ,
3+ "version" : " 0.1.6 " ,
44 "description" : " vue3 use hooks" ,
55 "author" : " Abdulnasır OLCAN" ,
66 "license" : " MIT" ,
You can’t perform that action at this time.
0 commit comments