ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Fix bug with Toggle component after disabling Vue3 compat-mode

This commit is contained in:
Ramon Wenger 2023-10-11 21:04:14 +02:00
parent dea78ea189
commit 67c8511d50
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/components/ui/Toggle.vue
View File

@ -1,7 +1,9 @@
<template> <template>
<label <label
:for="id" :for="id"
data-cy="toggle-container"
:class="['toggle', { 'toggle--bordered': bordered }]" :class="['toggle', { 'toggle--bordered': bordered }]"
@click.capture.prevent="$emit('input', !checked)"
> >
<input <input
:checked="checked" :checked="checked"
@ -9,10 +11,15 @@
data-cy="toggle-checkbox" data-cy="toggle-checkbox"
type="checkbox" type="checkbox"
:id="id" :id="id"
@change.prevent="$emit('input', $event.target.checked)"
/> />
<span class="toggle__toggle-wrapper"> <span
<span class="toggle__toggle" /> data-cy="toggle-wrapper"
class="toggle__toggle-wrapper"
>
<span
class="toggle__toggle"
data-cy="toggle-handle"
/>
</span> </span>
<span <span
class="toggle__label" class="toggle__label"
@ -38,6 +45,7 @@ export default {
default: true, default: true,
}, },
}, },
emits: ['input'],
data() { data() {
return { return {