Fixes
This commit is contained in:
parent
a41ed9cb53
commit
a5ef283d39
@ -21,7 +21,7 @@ const theModel = computed({
|
|||||||
<template>
|
<template>
|
||||||
<div class="flex gap-2 flex-row items-center">
|
<div class="flex gap-2 flex-row items-center">
|
||||||
<SquarePen class="flex-none" />
|
<SquarePen class="flex-none" />
|
||||||
<label class="w-60 flex-inital">{{theModel?.name}}</label>
|
<label class="w-60 flex-inital">{{theModel.name}} {{theModel.default}}</label>
|
||||||
<Input :placeholder="theModel?.placeholder" :value="theModel?.default" :name="theModel?.name" :id="theModel?.id" :required="theModel?.required"/>
|
<Input v-model:placeholder="theModel.placeholder" :modelValue="theModel.default" v-model:name="theModel.name" v-model:id="theModel.id" v-model:required="theModel.required"/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -20,7 +20,7 @@ const forwardedProps = useForwardProps(delegatedProps)
|
|||||||
:data-size="size"
|
:data-size="size"
|
||||||
v-bind="forwardedProps"
|
v-bind="forwardedProps"
|
||||||
:class="cn(
|
:class="cn(
|
||||||
`border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
|
`border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-full items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
|
||||||
props.class,
|
props.class,
|
||||||
)"
|
)"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -53,6 +53,7 @@ export const useElementStore = defineStore('items', {
|
|||||||
obj[0].options.map((ob) => {
|
obj[0].options.map((ob) => {
|
||||||
const item = Parser.getModelForType(ob.type);
|
const item = Parser.getModelForType(ob.type);
|
||||||
item.fromJSON(ob)
|
item.fromJSON(ob)
|
||||||
|
console.log(item)
|
||||||
this.addElement(item)
|
this.addElement(item)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user