fix json editor lint

frontend/components/global/RecipeJsonEditor.vue

@@ -1,6 +1,6 @@
 <template>
   <JsonEditorVue
-    :modelValue="modelValue"
+    :model-value="modelValue"
     v-bind="$attrs"
     :style="{ height }"
     :stringified="false"
@@ -8,44 +8,50 @@
   />
 </template>
 
-<script setup lang="ts">
+<script lang="ts">
-import { defineProps, defineEmits } from 'vue'
+import { defineComponent } from "vue";
-import JsonEditorVue from 'json-editor-vue'
+import JsonEditorVue from "json-editor-vue";
 
-const props = defineProps({
+export default defineComponent({
-  modelValue: {
+  name: "RecipeJsonEditor",
-    type: Object,
+  components: { JsonEditorVue },
-    default: () => ({}),
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => ({}),
+    },
+    height: {
+      type: String,
+      default: "1500px",
+    },
   },
-  height: {
+  emits: ["update:modelValue"],
-    type: String,
+  setup(_, { emit }) {
-    default: '1500px',
+    function parseEvent(event: any): object {
+      if (!event) {
+        return {};
+      }
+      try {
+        if (event.json) {
+          return event.json;
+        }
+        else if (event.text) {
+          return JSON.parse(event.text);
+        }
+        else {
+          return event;
+        }
+      }
+      catch {
+        return {};
+      }
+    }
+    function onChange(event: any) {
+      emit("update:modelValue", parseEvent(event));
+    }
+    return {
+      onChange,
+    };
   },
-})
+});
-
-const emit = defineEmits(['update:modelValue'])
-
-function parseEvent(event: any): object {
-  if (!event) {
-    return {};
-  }
-
-  try {
-    if (event.json) {
-      return event.json;
-    }
-    else if (event.text) {
-      return JSON.parse(event.text);
-    }
-    else {
-      return event;
-    }
-  } catch {
-    return {};
-  }
-}
-
-function onChange(event: any) {
-  emit('update:modelValue', parseEvent(event));
-}
 </script>