@ederzeel/nuxt-schema-form-nightly 0.1.0-29072956.a460a81 → 0.1.0-29079172.693cbb7

package/dist/runtime/components/{SArray.vue → Array.vue}

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { Draft2019 } from 'json-schema-library'
-import SComponent from './SComponent.vue'
+import SComponent from './Component.vue'
 import { ref, computed } from 'vue'
 
 const props = defineProps<{
@@ -167,15 +167,8 @@ const options = computed(() => {
     <div>
       <div class="flex justify-between items-center w-full px-4 py-3">
         <div class="flex gap-1.5 items-center">
-          <UButton
-            v-if="edit"
-            :disabled="maxItems && values.length >= maxItems"
-            @click="add"
-            icon="i-heroicons-plus"
-            trailing
-            color="neutral"
-            size="xs"
-          />
+          <UButton v-if="edit" :disabled="maxItems && values.length >= maxItems" @click="add" icon="i-heroicons-plus"
+            trailing color="neutral" size="xs" />
         </div>
         <div class="flex gap-1.5 items-center">
           <UDropdownMenu v-if="selectedRows.length > 0" :items="massActions">
@@ -187,21 +180,15 @@ const options = computed(() => {
         <template #name-data="{ row }">
           <span :class="[selected.find(person => person.id === row.id) && 'text-primary-500 dark:text-primary-400']">{{
             row.name
-          }}</span>
+            }}</span>
         </template>
 
         <template #expand="{ row, index }">
           <div class="p-4">
-            <SComponent
-              :id="id.length <= 0 ? `${index}` : `${id}[${index}].${items.id}`"
-              :model-value="row"
+            <SComponent :id="id.length <= 0 ? `${index}` : `${id}[${index}].${items.id}`" :model-value="row"
               :json-schema-path="jsonSchemaPath?.length <= 0 ? `properties.${index}` : `${jsonSchemaPath}[${index}]`"
-              v-bind="items"
-              :isRequired="false"
-              class="mt-4"
-              @update:model-value="event => onInput(event, index)"
-              @submit="() => emit('submit')"
-            />
+              v-bind="items" :isRequired="false" class="mt-4" @update:model-value="event => onInput(event, index)"
+              @submit="() => emit('submit')" />
           </div>
         </template>
 
@@ -214,18 +201,10 @@ const options = computed(() => {
     </div>
     <UModal v-model:open="model.open">
       <UCard>
-        <SComponent
-          :id="id.length <= 0 ? `${model.index}` : `${id}[0].${items.id}`"
-          :model-value="values[model.index]"
-          :json-schema-path="
-            jsonSchemaPath?.length <= 0 ? `properties.${model.index}` : `${jsonSchemaPath}[${model.index}]`
-          "
-          v-bind="items"
-          :isRequired="false"
-          class="mt-4"
-          @update:model-value="event => onInput(event, model.index)"
-          @submit="() => emit('submit')"
-        />
+        <SComponent :id="id.length <= 0 ? `${model.index}` : `${id}[0].${items.id}`" :model-value="values[model.index]"
+          :json-schema-path="jsonSchemaPath?.length <= 0 ? `properties.${model.index}` : `${jsonSchemaPath}[${model.index}]`
+            " v-bind="items" :isRequired="false" class="mt-4" @update:model-value="event => onInput(event, model.index)"
+          @submit="() => emit('submit')" />
         <template #footer>
           <UButton>Save</UButton>
         </template>

package/dist/runtime/components/{SComponent.vue → Component.vue}

@@ -1,5 +1,11 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
+import SObject from './Object.vue'
+import SDate from './Date.vue'
+import SToggle from './Toggle.vue'
+import SArray from './Array.vue'
+import SInputNumber from './InputNumber.vue'
+import SInputField from './InputField.vue'
 
 type Properties = {
   properties?: { [key: string]: unknown }
@@ -41,7 +47,7 @@ const onSubmit = () => {
 
 <template>
   <div class="s-form-group">
-    <template v-if="renderer != null && renderer === 'none'">test</template>
+    <template v-if="renderer != null && renderer === 'none'">{{ undefined }}</template>
     <component v-else-if="renderer" v-bind="options" v-model="value"
       :is="typeof renderer === 'string' ? renderer : undefined" @submit="onSubmit" />
 

package/dist/runtime/components/Form.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import SComponent from './SComponent.vue'
+import SComponent from './Component.vue'
 import convertToYup from 'json-schema-yup-transformer'
 import type { JsonSchema } from 'json-schema-library'
 import { computed, ref } from 'vue'

package/dist/runtime/components/{SObject.vue → Object.vue}

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import SComponent from './SComponent.vue'
+import SComponent from './Component.vue'
 
 const props = defineProps<{
   id: string
@@ -26,17 +26,10 @@ const onInput = (value: unknown, key: string) => {
     <h2 v-if="props.title" class="mb-4 text-2xl leading-none tracking-tight">{{ props.title }}</h2>
     <p v-if="props.description" class="mb-4">{{ props.description }}</p>
 
-    <SComponent
-      v-for="[key, options] of Object.entries(properties)"
-      :id="id.length <= 0 ? `${key}` : `${id}.${key}`"
-      :key="key"
-      :model-value="modelValue[key]"
+    <SComponent v-for="[key, options] of Object.entries(properties)" :id="id.length <= 0 ? `${key}` : `${id}.${key}`"
+      :key="key" :model-value="modelValue[key]"
       :json-schema-path="jsonSchemaPath?.length <= 0 ? `properties.${key}` : `${jsonSchemaPath}.properties.${key}`"
-      v-bind="options"
-      :isRequired="required.includes(key)"
-      class="mt-4"
-      @update:model-value="event => onInput(event, key)"
-      @submit="() => emit('submit')"
-    />
+      v-bind="options" :isRequired="required.includes(key)" class="mt-4"
+      @update:model-value="event => onInput(event, key)" @submit="() => emit('submit')" />
   </div>
 </template>

package/dist/runtime/components/{SRow.vue → Row.vue}

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import SComponent from './SComponent.vue'
+import SComponent from './Component.vue'
 
 const props = defineProps<{
   id: string
@@ -26,16 +26,10 @@ const onInput = (value: unknown, key: string) => {
     <h2 v-if="props.title" class="mb-4 text-2xl leading-none tracking-tight">{{ props.title }}</h2>
     <p v-if="props.description" class="mb-4">{{ props.description }}</p>
 
-    <SComponent
-      v-for="[key, options] of Object.entries(properties)"
-      :id="id.length <= 0 ? `${key}` : `${id}.${key}`"
-      :key="key"
-      :model-value="modelValue[key]"
+    <SComponent v-for="[key, options] of Object.entries(properties)" :id="id.length <= 0 ? `${key}` : `${id}.${key}`"
+      :key="key" :model-value="modelValue[key]"
       :json-schema-path="jsonSchemaPath?.length <= 0 ? `properties.${key}` : `${jsonSchemaPath}.properties.${key}`"
-      v-bind="options"
-      :isRequired="required.includes(key)"
-      class="flex flex-col flex-1"
-      @update:model-value="event => onInput(event, key)"
-    />
+      v-bind="options" :isRequired="required.includes(key)" class="flex flex-col flex-1"
+      @update:model-value="event => onInput(event, key)" />
   </div>
 </template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ederzeel/nuxt-schema-form-nightly",
-  "version": "0.1.0-29072956.a460a81",
+  "version": "0.1.0-29079172.693cbb7",
   "description": "A runtime form generator for nuxt",
   "type": "module",
   "exports": {