mealie/frontend/components/global/RecipeJsonEditor.vue

<template>
  <VJsoneditor
    :value="value"
    height="1500px"
    :options="options"
    :attrs="$attrs"
    @input="$emit('input', $event)"
  ></VJsoneditor>
</template>

<script lang="ts">
// @ts-ignore v-jsoneditor has no types
import VJsoneditor from "v-jsoneditor";
import { defineComponent } from "@nuxtjs/composition-api";

export default defineComponent({
  components: { VJsoneditor },
  props: {
    value: {
      type: Object,
      default: () => ({}),
    },
    options: {
      type: Object,
      default: () => ({}),
    },
  },
});
</script>