<script setup>
import { q } from "#imports";
const props = defineProps({
  model: { type: null, required: true },
  data: { type: Object, required: true },
  bordered: { type: Boolean, required: false, skipCheck: true, default: true },
  dense: { type: Boolean, required: false, skipCheck: true, default: true },
  separator: { type: Boolean, required: false, skipCheck: true, default: true },
  dark: { type: [Boolean, null], required: false, skipCheck: true },
  padding: { type: Boolean, required: false, skipCheck: true },
  tag: { type: null, required: false }
});
const { app } = await q({
  app: {
    customFieldSchema: {
      __args: {
        model: props.model
      }
    }
  }
});
const { customFieldSchema } = app;
</script>

<template>
    <q-list v-bind="$props">
        <l-item v-for="field in customFieldSchema" :label="field.label">
            {{ data[field.name] }}
        </l-item>
    </q-list>
</template>
