diff --git a/app/components/marketing/email/Email.vue b/app/components/marketing/email/Email.vue
index 9410b5d..2dedc15 100644
--- a/app/components/marketing/email/Email.vue
+++ b/app/components/marketing/email/Email.vue
@@ -183,7 +183,7 @@
   ></Modal>
 </template>
 
-<script setup lang="ts">
+<script setup>
 import { useNuxtApp } from "nuxt/app";
 import { ref, computed, onMounted, watch, markRaw } from "vue";
 import EmailForm1 from "./forms/EmailForm1.vue";
@@ -193,43 +193,12 @@ import MappingConfigurator from "~/components/marketing/email/MappingConfigurato
 import JobConfigurator from "~/components/marketing/email/JobConfigurator.vue";
 
 const nuxtApp = useNuxtApp();
-const $snackbar = nuxtApp.$snackbar as (message?: string) => void;
-const $getdata = nuxtApp.$getdata as (name: string) => Promise<DataTemplate[]>;
-const $deleteapi = nuxtApp.$deleteapi as (name: string, id: any) => Promise<DataTemplate[]>;
-const $getEditRights = nuxtApp.$getEditRights as () => boolean;
-const showmodal = ref<any>();
+const { $getdata, $snackbar, $deleteapi, $getEditRights } = useNuxtApp();
+const showmodal = ref();
 const activeTab = ref("content");
 const defaultTemplate = "defaultTemplate";
 
-// Types
-interface FormContent {
-  receiver: string;
-  subject: string;
-  content: string; // This is the email body
-  imageUrl: string | null;
-  linkUrl: string[];
-  textLinkUrl: string[];
-  keyword: (string | { keyword: string; value: string })[];
-  html: string;
-}
-
-interface FormData {
-  name?: string;
-  id?: number;
-  template: string;
-  content: FormContent;
-  mappings: any[];
-}
-
-interface DataTemplate {
-  id: number;
-  name: string;
-  content: Record<string, any> | string;
-  mappings?: any[];
-}
-
-// Reactive state
-const formData = ref<FormData>({
+const formData = ref({
   name: "",
   id: undefined,
   template: defaultTemplate,
@@ -246,14 +215,14 @@ const formData = ref<FormData>({
   mappings: [],
 });
 
-const dataTemplate = ref<DataTemplate[] | null>(null);
-const dataTemplateSelected = ref<DataTemplate | null>(null);
-const originalLoadedTemplate = ref<DataTemplate | null>(null); // For diffing on save
+const dataTemplate = ref(null);
+const dataTemplateSelected = ref(null);
+const originalLoadedTemplate = ref(null); // For diffing on save
 const editMode = ref(false);
 const formKey = ref(0);
 const selectedValue = ref(defaultTemplate);
 const loading = ref(false);
-const selectedTemplateId = ref<number | null>(null);
+const selectedTemplateId = ref(null);
 const showDeleteDialog = ref(false);
 
 // Computed properties
@@ -287,7 +256,7 @@ const currentTemplateComponent = computed(() => {
 });
 
 // Methods
-const handleChangeData = (data: Partial<FormData>) => {
+const handleChangeData = (data) => {
   formData.value.name = data.name || formData.value.name;
   formData.value.id = data.id || formData.value.id;
   if (data.content) {
@@ -295,7 +264,7 @@ const handleChangeData = (data: Partial<FormData>) => {
   }
 };
 
-const updateMappings = (newMappings: any[]) => {
+const updateMappings = (newMappings) => {
   formData.value.mappings = newMappings;
 };
 
@@ -347,8 +316,8 @@ const handleTemplateChange = async () => {
     let imageUrl = null;
     let linkUrl = [""];
     let textLinkUrl = [""];
-    let keyword: any[] = [{ keyword: "", value: "" }];
-    let mappings: any[] = [];
+    let keyword = [{ keyword: "", value: "" }];
+    let mappings = [];
 
     if (typeof tplContent === "string") {
       emailBody = tplContent;
@@ -419,12 +388,8 @@ const handleOpenModal = () => {
 
   if (editMode.value && originalLoadedTemplate.value) {
     // EDIT MODE: Calculate a patch of changed data
-    const patchPayload: {
-      id: number;
-      name?: string;
-      content?: Record<string, any>;
-    } = {
-      id: formData.value.id!,
+    const patchPayload = {
+      id: formData.value.id,
     };
 
     // 1. Check if name has changed
diff --git a/app/components/marketing/email/Template1.vue b/app/components/marketing/email/Template1.vue
index e2ce0eb..894c2a1 100644
--- a/app/components/marketing/email/Template1.vue
+++ b/app/components/marketing/email/Template1.vue
@@ -234,31 +234,13 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script setup>
 import { imageUrl } from "~/components/marketing/email/Email.utils";
 import { computed } from "vue";
 
-interface KeywordItem {
-  keyword: string;
-  value: string;
-}
-
-interface Template1Content {
-  subject?: string;
-  message?: string;
-  imageUrl?: string | null;
-  linkUrl?: string[];
-  textLinkUrl?: string[];
-  keyword?: KeywordItem[];
-}
-
-interface Props {
-  content: Template1Content;
-  previewMode?: boolean;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  previewMode: false,
+const props = defineProps({
+  content: Object,
+  previewMode: Boolean,
 });
 
 const hasValidLinks = computed(() => {
@@ -269,7 +251,7 @@ const hasValidImage = computed(() => {
   return props.content.imageUrl && props.content.imageUrl.trim() !== "";
 });
 
-const replaceKeywords = (content: string): string => {
+const replaceKeywords = (contentstring) => {
   if (!content) return "";
 
   let replacedContent = content;
@@ -293,7 +275,7 @@ const validLinks = computed(() => {
   return props.content.linkUrl.filter((link) => link && link.trim() !== "");
 });
 
-const getLinkText = (index: number): string => {
+const getLinkText = (index) => {
   return props.content.textLinkUrl && props.content.textLinkUrl[index] && props.content.textLinkUrl[index].trim() !== ""
     ? props.content.textLinkUrl[index]
     : `Link ${index + 1}`;
@@ -311,7 +293,7 @@ const styles = `
   }
 
   .content-padding, .company-padding {
-    padding: 0px 25px 20px; 
+    padding: 0px 25px 20px;
   }
 
     .message-content p {
@@ -407,16 +389,16 @@ const styles = `
         width: 100% !important;
         max-width: 100% !important;
       }
-      
+
       .greeting-padding{
         padding: 20px 0 0 0 !important;
       }
 
       .content-padding {
-        padding: 20px  0px !important; 
+        padding: 20px  0px !important;
       }
       .company-padding {
-        padding: 0px 0px 20px 0px !important; 
+        padding: 0px 0px 20px 0px !important;
       }
       .company-info {
         padding: 20px 10px !important;
diff --git a/app/components/marketing/email/dataGmail/EmailSent.vue b/app/components/marketing/email/dataGmail/EmailSent.vue
index 2ac9873..cc6f4d5 100644
--- a/app/components/marketing/email/dataGmail/EmailSent.vue
+++ b/app/components/marketing/email/dataGmail/EmailSent.vue
@@ -248,8 +248,6 @@
 </template>
 
 <script setup lang="ts">
-import axios from "axios";
-import { apiUrl } from "~/components/marketing/email/Email.utils";
 import type dayjs from "dayjs";
 
 interface EmailSent {
@@ -263,6 +261,7 @@ interface EmailSent {
 }
 
 const nuxtApp = useNuxtApp();
+const $getdata = nuxtApp.$getdata as any;
 const $snackbar = nuxtApp.$snackbar as (message?: string) => void;
 const $dayjs = nuxtApp.$dayjs as (date?: string | Date) => ReturnType<typeof dayjs>;
 
@@ -311,10 +310,7 @@ const stripHtml = (html: string, maxLength: number = 1000): string => {
 const getDataEmailsSent = async () => {
   loading.value = true;
   try {
-    const response = await axios.get(`${apiUrl}/Email_Sent/?sort=-id`);
-    if (response.status === 200) {
-      emailsSent.value = response.data.rows || response.data || [];
-    }
+    emailsSent.value = await $getdata("Email_Sent", { params: { sort: "-id" } });
   } catch (error) {
     console.error("Error fetching sent emails:", error);
     $snackbar("Failed to load sent emails");
diff --git a/app/components/marketing/email/dataTemplate/SaveListTemplate.vue b/app/components/marketing/email/dataTemplate/SaveListTemplate.vue
index 6e48053..6acecd7 100644
--- a/app/components/marketing/email/dataTemplate/SaveListTemplate.vue
+++ b/app/components/marketing/email/dataTemplate/SaveListTemplate.vue
@@ -198,15 +198,17 @@ const handleSave = async () => {
 };
 
 const handleCreateNew = async () => {
-  const postTemplateUrl = `${apiUrl}/Email_Template/`;
   try {
     loadingCreate.value = true;
     const newTemplateData = {
       ...props.data,
       name: templateName.value,
     };
-    const response = await axios.post(postTemplateUrl, newTemplateData);
-    if (response.status === 201 || response.status === 200) {
+    const res = await $insertapi("Email_Template", {
+      data: newTemplateData,
+      notify: false,
+    });
+    if (res !== "error") {
       $snackbar("Template created successfully");
       if (props.onClose) props.onClose();
       emit("close");
diff --git a/app/components/menu/MenuApp.vue b/app/components/menu/MenuApp.vue
deleted file mode 100644
index eb0edb2..0000000
--- a/app/components/menu/MenuApp.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-  <a
-    class="has-text-link"
-    @click="open"
-    >{{ row["code"] }}</a
-  >
-</template>
-<script setup>
-import { useStore } from "~/stores/index";
-const store = useStore();
-const emit = defineEmits(["clickevent"]);
-const props = defineProps({
-  row: Object,
-});
-function open() {
-  emit("clickevent", {
-    name: "dataevent",
-    data: {
-      modal: {
-        title: store.lang === "en" ? "Application" : "Đơn vay",
-        height: "500px",
-        width: "65%",
-        component: "application/ApplicationView",
-        vbind: { row: props.row },
-      },
-    },
-  });
-}
-</script>
diff --git a/app/components/menu/MenuCust.vue b/app/components/menu/MenuCust.vue
deleted file mode 100644
index 4154083..0000000
--- a/app/components/menu/MenuCust.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-  <a
-    class="has-text-link"
-    @click="open"
-    >{{ row["customer__code"] }}</a
-  >
-</template>
-<script setup>
-import { useStore } from "~/stores/index";
-const store = useStore();
-const emit = defineEmits(["clickevent"]);
-const props = defineProps({
-  row: Object,
-});
-function open() {
-  emit("clickevent", {
-    name: "dataevent",
-    data: {
-      modal: {
-        title: store.lang === "en" ? "Customer" : "Khách hàng",
-        height: "500px",
-        width: "60%",
-        component: "customer/CustomerView",
-        vbind: { row: props.row },
-      },
-    },
-  });
-}
-</script>
diff --git a/app/plugins/04-components.js b/app/plugins/04-components.js
index 70d2a3a..8c79c06 100644
--- a/app/plugins/04-components.js
+++ b/app/plugins/04-components.js
@@ -23,8 +23,6 @@ import CountWithAdd from "~/components/common/CountWithAdd.vue";
 
 // menu
 import MenuAction from "~/components/menu/MenuAction.vue";
-import MenuApp from "~/components/menu/MenuApp.vue";
-import MenuCust from "~/components/menu/MenuCust.vue";
 import MenuPhone from "~/components/menu/MenuPhone.vue";
 import MenuParam from "~/components/menu/MenuParam.vue";
 import MenuAdd from "~/components/menu/MenuAdd.vue";
@@ -107,8 +105,6 @@ const components = {
   MenuParam,
   FormatNumber,
   FormatDate,
-  MenuApp,
-  MenuCust,
   MenuAdd,
   MenuNote,
   ImageLayout,
diff --git a/app/types/emailContext.ts b/app/types/emailContext.ts
deleted file mode 100644
index f91022b..0000000
--- a/app/types/emailContext.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export interface EmailContextType {
-  selectedEmails: string;
-  selectedName: string;
-  selectedId: string;
-  setSelectedEmails: (emails: string) => void;
-  setSelectedName: (name: string) => void;
-  setSelectedId: (id: string) => void;
-}
diff --git a/app/types/emailForm1.ts b/app/types/emailForm1.ts
deleted file mode 100644
index cef83b6..0000000
--- a/app/types/emailForm1.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-export interface FormData {
-  id: number | undefined;
-  name: string;
-  template: string;
-  content: {
-    receiver: string;
-    subject: string;
-    content: string;
-    imageUrl: string | null;
-    linkUrl: string[];
-    textLinkUrl: string[];
-    keyword: Array<string | { keyword: string; value: string }>;
-    html: string;
-  };
-  // emails: string;
-  // subject: string;
-  // message: string;
-  // template: string;
-  // company?: string;
-  // phone?: string;
-  // imageUrl?: string | null;
-  // linkUrl?: string[];
-  // keyWords?: string[] | { keyword: string; value: string }[];
-  // textLinkUrl?: string[];
-}
-
-export interface EmailFormProps {
-  onDataChange: (data: FormData) => void;
-  initialData?: FormData;
-}
-
-export type ModalType = "none" | "save-list" | "open-list" | "save-template" | "open-template";
diff --git a/app/types/emailSent.ts b/app/types/emailSent.ts
deleted file mode 100644
index 617c7a4..0000000
--- a/app/types/emailSent.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export interface EmailSent {
-  id: string;
-  receiver: string;
-  subject: string;
-  content: string;
-  status: number;
-  create_time: string;
-  update_time: string;
-}
-
-export type EmailSentStatus = "pending" | "success" | "error" | "schedule";
diff --git a/app/types/modal.ts b/app/types/modal.ts
deleted file mode 100644
index 5e4fafa..0000000
--- a/app/types/modal.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export interface ModalProps {
-  active: boolean;
-  onClose: () => void;
-  height?: string | number;
-  width?: string | number;
-  children: React.ReactNode;
-}
diff --git a/app/types/openListGmail.ts b/app/types/openListGmail.ts
deleted file mode 100644
index 7ca0ffb..0000000
--- a/app/types/openListGmail.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export interface openListGmailProps {
-  emails: string;
-  dataEmail: { id: string; email: string; name: string }[];
-  onClose: () => void;
-  onEdit?: (id: string, name: string, emails: string) => void;
-  loading?: boolean;
-}
diff --git a/app/types/saveListGmail.ts b/app/types/saveListGmail.ts
deleted file mode 100644
index 12fee31..0000000
--- a/app/types/saveListGmail.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export interface SaveListGmailProps {
-  emails: string;
-  name?: string;
-  id?: string;
-  onClose?: () => void;
-  onSuccess?: () => Promise<void>;
-}
-
-export interface DataEmail {
-  email: string;
-  name: string;
-}
diff --git a/app/types/saveListTemplate.ts b/app/types/saveListTemplate.ts
deleted file mode 100644
index c89b80f..0000000
--- a/app/types/saveListTemplate.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-export interface saveListTemplateProps {
-  name?: string;
-  content?: {
-    receiver: string;
-    subject: string;
-    content: string;
-    imageUrl: string | null;
-    linkUrl: string[] | string;
-    textLinkUrl: string[] | string;
-    keyword: Array<string | { keyword: string; value: string }>;
-    html: string;
-  };
-  editMode?: boolean;
-  id?: number;
-  onClose?: () => void;
-  onSuccess?: () => Promise<void>;
-}
-
-export interface DataTemplate {
-  id: number;
-  name: string;
-  content: {
-    receiver: string;
-    subject: string;
-    content: string;
-    imageUrl: string | null;
-    linkUrl: string[] | string;
-    textLinkUrl: string[] | string;
-    keyword: Array<string | { keyword: string; value: string }>;
-    html: string;
-  };
-}
diff --git a/app/types/template1.ts b/app/types/template1.ts
deleted file mode 100644
index bbb34bb..0000000
--- a/app/types/template1.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export interface Template1Props {
-  content: {
-    subject?: string;
-    message?: string;
-    imageUrl?: string | null;
-    linkUrl?: string[];
-    textLinkUrl?: string[];
-    keyword: Array<string | { keyword: string; value: string }>;
-  };
-  previewMode?: boolean;
-}