refactor: ♻️ move v-model up one layer

src/components/NsfwSwitch.vue

@@ -3,7 +3,8 @@
     <div>😇</div>
     <div class="toggle-wrap">
       <input
-        v-model="$parent.$parent.nsfw"
+        :checked="checked"
+        @change="$emit('change', $event.target.checked)"
         type="checkbox"
         name="nsfw"
         id="nsfw-switch"
@@ -15,7 +16,15 @@
 </template>
 
 <script>
-export default {};
+export default {
+  model: {
+    prop: "checked",
+    event: "change"
+  },
+  props: {
+    checked: Boolean
+  }
+};
 </script>
 
 <style lang="scss">