diff --git a/CoreCms.Net.CodeGenerator/CrudTemplete/Vue/Index.tpl b/CoreCms.Net.CodeGenerator/CrudTemplete/Vue/Index.tpl
index c25e89bf..4a0f4054 100644
--- a/CoreCms.Net.CodeGenerator/CrudTemplete/Vue/Index.tpl
+++ b/CoreCms.Net.CodeGenerator/CrudTemplete/Vue/Index.tpl
@@ -1,5 +1,6 @@
 <template>
-  <DStandardTable
+  <div>
+     <DStandardTable
     :tableConfig="tableConfig"
     :dispatchKey="dispatchKey"
     :dataSource="dataSourceCmp"
@@ -74,20 +75,22 @@
     :params="state.deleteDataparams"
   >
   </DeleteConfirmModal>
+  </div>
 </template>
 <script setup lang="ts">
 import DStandardTable from "@/components/table/dStandardTable.vue";
-import { I{{ModelClassName}} } from "@/models/{{ModelClassName}}";
-import { computed, ComputedRef, reactive } from "vue";
+import type { I{{ModelClassName}} } from "@/models/{{ModelClassName}}";
+import { computed, reactive } from "vue";
 import { useStore } from "vuex";
 import tableConfig from "./table-config";
 import formSchema from "./form-schema";
 import { CoreShopFormModal } from "@/components/coreshop-form";
 import searchFields from "./search-field";
 import { cloneDeep } from "lodash";
-import { IFormSchema } from "@/components/coreshop-form/type";
+import type { IFormSchema } from "@/components/coreshop-form/type";
 import dataDetailConfig from "./detail-config";
-import { DataDetailDisplay, IData } from "@/components/data-detail-display";
+import { DataDetailDisplay } from "@/components/data-detail-display";
+import type {  IData } from "@/components/data-detail-display";
 import { buildDataDetail } from "@/utils/build-data-detail";
 import Modal from "@/components/modal";
 import DeleteConfirmModal from "@/components/coreshop-modal-delete/index";
@@ -131,10 +134,10 @@ const state = reactive<{
 });
 
 const store = useStore();
-const dataSourceCmp: ComputedRef<Array<I{{ModelClassName}}>> = computed(
+const dataSourceCmp = computed<Array<I{{ModelClassName}}>>(
   () => store.state.{{ModelClassName}}.{{ModelClassName}}.{{ModelClassName}}
 );
-const totalCmp: ComputedRef<number> = computed(
+const totalCmp = computed<number>(
   () => store.state.{{ModelClassName}}.{{ModelClassName}}.count
 );