chore: simplify imports and improve error handling in image generation component

Author: yaroslav8765

custom/imageGenerationCarousel.vue

@@ -183,7 +183,7 @@
 
 <script setup lang="ts">
 
-import { ref, onMounted, nextTick, Ref, h, computed, watch, reactive } from 'vue'
+import { ref, onMounted, nextTick, Ref, watch } from 'vue'
 import { Carousel } from 'flowbite';
 import { callAdminForthApi } from '@/utils';
 import { useI18n } from 'vue-i18n';
@@ -267,9 +267,8 @@ onMounted(async () => {
     return context[field.trim()] || '';
   });
   
-  if (props.record[props.record[props.meta.recorPkFieldName]]) {
   const recordId = props.record[props.meta.recorPkFieldName];
-  } else { 
+  if (!recordId) {
     emit('error', {
       isError: true,
       errorMessage: 'Record ID not found, cannot generate images'

index.ts

@@ -1,8 +1,7 @@
 import { AdminForthPlugin, Filters } from "adminforth";
-import type { IAdminForth, IHttpServer, AdminForthComponentDeclaration, AdminForthResourceColumn, AdminForthDataTypes, AdminForthResource } from "adminforth";
+import type { IAdminForth, IHttpServer, AdminForthComponentDeclaration, AdminForthResource } from "adminforth";
 import type { PluginOptions } from './types.js';
-import { json } from "stream/consumers";
-import Handlebars, { compile } from 'handlebars';
+import Handlebars from 'handlebars';
 import { RateLimiter } from "adminforth";