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>
import { storeToRefs } from 'pinia'
import { useRecipeStore } from '~/stores/recipe'
const rStore = useRecipeStore()
const { strict } = storeToRefs(rStore)
defineProps<{
strict: boolean
toggleStrict: (val: boolean) => void
}>()
</script>
<template>
<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>
<label m="x-1" class="switch">
<input v-model="strict" type="checkbox">
<span class="inline-flex justify-center items-center slider round" />
</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>
</div>