feat: update templates to use TypeScript for props definition and enhance record access

Author: NoOne7135

adminforth/commands/createCustomComponent/templates/customFields/list.vue.hbs

@@ -1,18 +1,24 @@
 <template>
-    <div v-if='record[column.name]'
+    <div
         class="text-red-500"
-    >\{{ record[column.name] }}</div>
+    >\{{ record[props.column.name] }}</div>
 </template> 
 
-<script setup>
+<script setup lang="ts">
 
-    defineProps({
-    record: Object,
-    resource: Object,
-    adminUser: Object,
-    meta: Object,
-    column: Object
-    });
+    import type {
+        AdminForthResourceColumnCommon,
+        AdminForthResourceCommon,
+        AdminUser,
+    } from "@/types/Common";
+
+    const props = defineProps<{
+        column: AdminForthResourceColumnCommon;
+        record: any;
+        meta: any;
+        resource: AdminForthResourceCommon;
+        adminUser: AdminUser;
+    }>();
 
 </script>
 

adminforth/commands/createCustomComponent/templates/customFields/show.vue.hbs

@@ -1,17 +1,23 @@
 <template>
-    <div v-if='record[column.name]'
+    <div
         class="text-red-500"
-    >\{{ record[column.name] }}</div>
+    >\{{ record[props.column.name] }}</div>
 </template> 
 
-<script setup>
+<script setup lang="ts">
 
-    defineProps({
-    record: Object,
-    resource: Object,
-    adminUser: Object,
-    meta: Object,
-    column: Object
-    });
+    import type {
+        AdminForthResourceColumnCommon,
+        AdminForthResourceCommon,
+        AdminUser,
+    } from "@/types/Common";
+
+    const props = defineProps<{
+        column: AdminForthResourceColumnCommon;
+        record: any;
+        meta: any;
+        resource: AdminForthResourceCommon;
+        adminUser: AdminUser;
+    }>();
 
 </script>