From 03ef3d9f7f6c9d3cf5cd8ba5f30e12ccc04767eb Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Thu, 6 Jan 2022 04:31:56 +0100
Subject: [PATCH] fix: :bug: update to use new Vue 3 syntax

---
 src/components/NsfwSwitch.vue | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/components/NsfwSwitch.vue b/src/components/NsfwSwitch.vue
index ae68fb9..5d3bffe 100644
--- a/src/components/NsfwSwitch.vue
+++ b/src/components/NsfwSwitch.vue
@@ -3,8 +3,8 @@
     <div>😇</div>
     <div class="toggle-wrap">
       <input
-        :checked="checked"
-        @change="$emit('change', $event.target.checked)"
+        :checked="modelValue"
+        @change="$emit('update:modelValue', $event.target.checked)"
         type="checkbox"
         name="nsfw"
         :id="id"
@@ -17,12 +17,8 @@
 
 <script>
 export default {
-  model: {
-    prop: "checked",
-    event: "change",
-  },
   props: {
-    checked: Boolean,
+    modelValue: Boolean,
     id: { type: String, required: true },
   },
 };