Image fixes

components/base/Author.vue

@@ -9,7 +9,7 @@
 	size: 'sm',
 });
 
 const { fileUrl } = useFiles();
 </script>
 <template>
 	<div class="flex items-center flex-none group dark:text-gray-100">
@@ -24,7 +24,7 @@
 					},
 					'object-cover rounded-full dark:brightness-90',
 				]"
-				:src="fileUrl(author.image as string)"
+				:src="author.image as string"
 			/>
 		</div>
 

components/base/FormCustom.ts

@@ -1,5 +1,5 @@
-import type { Form } from '~/types';
-import * as UForm from '#ui/components/forms/Form.vue';
+import type { Form as FormType } from '~/types';
+import Form from '#ui/components/forms/Form.vue';
 import FormGroup from '#ui/components/forms/FormGroup.vue';
 import Input from '#ui/components/forms/Input.vue';
 import Textarea from '#ui/components/forms/Textarea.vue';
@@ -38,8 +38,8 @@
 export default defineComponent({
 	props: {
 		schema: {
-			type: Array as PropType<Form['schema']>,
-			required: true,
+			type: Array as PropType<FormType['schema']>,
+			default: () => [],
 		},
 		state: {
 			type: Object,
@@ -53,8 +53,8 @@
 		},
 	},
 	setup(props) {
-		const groups = props.schema?.map((item) => {
+		const groups = props?.schema?.map((item) => {
 			const { name, label, placeholder, width, description } = item as { [key: string]: any };
 
 			// @ts-ignore
 			const cssClass = widthClassMap[item.width] || 'md:col-span-6';
@@ -66,7 +66,7 @@
 		});
 
 		if (!groups) {
-			return () => null;
+			return;
 		}
 
 		// Add the submit button to the groups array
@@ -88,6 +88,6 @@
 		);
 
 		// @ts-ignore
-		return () => h(UForm, { state: props.state, validate: props.validate }, () => groups);
+		return () => h(Form, { state: props.state, validate: props.validate }, () => groups);
 	},
 });

components/base/VAvatar.vue

@@ -10,12 +10,12 @@
 	size: 'md',
 });
 
 const { fileUrl } = useFiles();
 </script>
 <template>
 	<div class="flex items-center flex-none group dark:text-gray-100">
 		<div class="mr-3">
-			<img
+			<NuxtImg
 				v-if="author.avatar"
 				:class="[
 					{
@@ -25,7 +25,7 @@
 					},
 					'object-cover rounded-full dark:brightness-90',
 				]"
-				:src="fileUrl(author.avatar as string)"
+				:src="author.avatar as string"
 			/>
 		</div>