AMAZEHOME/cook
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: typecheck

Browse Source
This commit is contained in:
YunYouJun
2022-04-27 02:49:23 +08:00
parent bec107b95d
commit d09e6b08ae
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Switch.vue
View File

@@ -1,20 +1,20 @@
<script lang="ts" setup> <script lang="ts" setup>
import { storeToRefs } from 'pinia' defineProps<{
import { useRecipeStore } from '~/stores/recipe' strict: boolean
const rStore = useRecipeStore() toggleStrict: (val: boolean) => void
const { strict } = storeToRefs(rStore) }>()
</script> </script>
<template> <template>
<div class="inline-flex justify-center items-center" m="t-2"> <div class="inline-flex justify-center items-center" m="t-2">
<span :class="!strict && 'text-orange-600'" font="bold" m="x-1" @click="strict = false"> <span :class="!strict && 'text-orange-600'" font="bold" m="x-1" @click="toggleStrict(false)">
模糊匹配 模糊匹配
</span> </span>
<label m="x-1" class="switch"> <label m="x-1" class="switch">
<input v-model="strict" type="checkbox"> <input v-model="strict" type="checkbox">
<span class="inline-flex justify-center items-center slider round" /> <span class="inline-flex justify-center items-center slider round" />
</label> </label>
<span :class="strict && 'text-green-600'" font="bold" m="x-1" @click="strict = true"> <span :class="strict && 'text-green-600'" font="bold" m="x-1" @click="toggleStrict(true)">
精准匹配 精准匹配
</span> </span>
</div> </div>