mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-06 02:33:48 +00:00
37 lines
736 B
Vue
37 lines
736 B
Vue
<template>
|
|
<div class="mb-2 text-right">
|
|
<label
|
|
:class="{ 'text-gray-400': !isSelectedYearlyPlans }"
|
|
class="cursor-pointer text-xs font-bold"
|
|
>
|
|
{{ $t('billed_annually') }}
|
|
</label>
|
|
<div class="relative inline-block w-12 select-none align-middle">
|
|
<SwitchInput
|
|
class="scale-75 transform"
|
|
v-model="isSelectedYearlyPlans"
|
|
:state="isSelectedYearlyPlans"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import SwitchInput from '../Inputs/SwitchInput'
|
|
|
|
export default {
|
|
name: 'PlanPeriodSwitcher',
|
|
components: {
|
|
SwitchInput
|
|
},
|
|
watch: {
|
|
'isSelectedYearlyPlans': function () {
|
|
this.$emit('input', this.isSelectedYearlyPlans)
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
isSelectedYearlyPlans: false
|
|
}
|
|
}
|
|
}
|
|
</script> |