diff --git a/.eslintrc.js b/.eslintrc.js
index d3459203..a47b0631 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -10,7 +10,8 @@ module.exports = {
     {
       files: ['*.vue'],
       rules: {
-        'no-undef': 'off' // use tsc to check the ts code of the vue
+        'no-undef': 'off', // use tsc to check the ts code of the vue
+        'vue/no-setup-props-destructure': 'off' // wait to fix this rule
       }
     }
   ],
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 63c8a8db..9cc38b1e 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -16,7 +16,10 @@
   ],
   "cSpell.words": [
     "AMAP",
+    "antdesign",
     "antv",
+    "apacheecharts",
+    "areaspline",
     "bmapgl",
     "colord",
     "echarts",
@@ -25,15 +28,24 @@
     "iconify",
     "jsapi",
     "naiveui",
+    "Popconfirm",
+    "Posva",
+    "Shenzhen",
     "Sider",
     "tauri",
     "unocss",
     "unplugin",
     "vditor",
+    "VERCEL",
+    "Vite",
+    "vitejs",
+    "vuedraggable",
     "vueuse",
     "wangeditor",
     "wechat",
-    "xgplayer"
+    "xgplayer",
+    "yanbowe",
+    "ភាសាខ្មែរ"
   ],
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true
diff --git a/src/components/common/app-loading.vue b/src/components/common/app-loading.vue
index 2666c986..f81875f7 100644
--- a/src/components/common/app-loading.vue
+++ b/src/components/common/app-loading.vue
@@ -4,7 +4,7 @@
     <div class="w-56px h-56px my-36px">
       <div class="relative h-full animate-spin">
         <div
-          v-for="(item, index) in lodingClasses"
+          v-for="(item, index) in loadingClasses"
           :key="index"
           class="absolute w-16px h-16px bg-primary rounded-8px animate-pulse"
           :class="item"
@@ -20,7 +20,7 @@ import { sessionStg, getRgbOfColor } from '@/utils';
 import { $t } from '@/locales';
 import themeSettings from '@/settings/theme.json';
 
-const lodingClasses = [
+const loadingClasses = [
   'left-0 top-0',
   'left-0 bottom-0 animate-delay-500',
   'right-0 top-0 animate-delay-1000',
diff --git a/src/components/custom/count-to.vue b/src/components/custom/count-to.vue
index 73144b30..e5aba83e 100644
--- a/src/components/custom/count-to.vue
+++ b/src/components/custom/count-to.vue
@@ -8,7 +8,7 @@ import { isNumber } from '@/utils';
 
 defineOptions({ name: 'CountTo' });
 
-type TansitionKey = keyof typeof TransitionPresets;
+type TransitionKey = keyof typeof TransitionPresets;
 
 interface Props {
   /** 初始值 */
@@ -32,7 +32,7 @@ interface Props {
   /** 使用缓冲动画函数 */
   useEasing?: boolean;
   /** 缓冲动画函数类型 */
-  transition?: TansitionKey;
+  transition?: TransitionKey;
 }
 
 const props = withDefaults(defineProps<Props>(), {
diff --git a/src/components/custom/svg-icon.vue b/src/components/custom/svg-icon.vue
index 380baa69..500244a0 100644
--- a/src/components/custom/svg-icon.vue
+++ b/src/components/custom/svg-icon.vue
@@ -37,13 +37,13 @@ const bindAttrs = computed<{ class: string; style: string }>(() => ({
 }));
 
 const symbolId = computed(() => {
-  const { VITE_ICON_LOCAL_PREFIX: preffix } = import.meta.env;
+  const { VITE_ICON_LOCAL_PREFIX: prefix } = import.meta.env;
 
   const defaultLocalIcon = 'no-icon';
 
   const icon = props.localIcon || defaultLocalIcon;
 
-  return `#${preffix}-${icon}`;
+  return `#${prefix}-${icon}`;
 });
 
 /** 渲染本地icon */
diff --git a/src/layouts/common/global-search/components/search-footer.vue b/src/layouts/common/global-search/components/search-footer.vue
index aa76d37d..f198591a 100644
--- a/src/layouts/common/global-search/components/search-footer.vue
+++ b/src/layouts/common/global-search/components/search-footer.vue
@@ -22,6 +22,9 @@ defineOptions({ name: 'SearchFooter' });
 
 <style lang="scss" scoped>
 .icon {
-  box-shadow: inset 0 -2px #cdcde6, inset 0 0 1px 1px #fff, 0 1px 2px 1px #1e235a66;
+  box-shadow:
+    inset 0 -2px #cdcde6,
+    inset 0 0 1px 1px #fff,
+    0 1px 2px 1px #1e235a66;
 }
 </style>
diff --git a/src/plugins/assets.ts b/src/plugins/assets.ts
index 013ba6d0..1de294ec 100644
--- a/src/plugins/assets.ts
+++ b/src/plugins/assets.ts
@@ -7,4 +7,6 @@ import 'virtual:svg-icons-register';
 import '../styles/css/global.css';
 
 /** import static assets: css, js , font and so on. - [引入静态资源，css、js和字体文件等] */
-export default function setupAssets() {}
+export default function setupAssets() {
+  //
+}
diff --git a/src/views/component/table/index.vue b/src/views/component/table/index.vue
index 4ac05131..838cdbc4 100644
--- a/src/views/component/table/index.vue
+++ b/src/views/component/table/index.vue
@@ -29,7 +29,7 @@ interface DataSource {
 
 const { loading, startLoading, endLoading, empty, setEmpty } = useLoadingEmpty();
 
-const columns: DataTableColumn[] = [
+const columns: DataTableColumn<DataSource>[] = [
   {
     title: 'Name',
     key: 'name',
@@ -49,13 +49,22 @@ const columns: DataTableColumn[] = [
     key: 'action',
     title: 'Action',
     align: 'center',
-    render: () => {
+    render: row => {
       return (
         <NSpace justify={'center'}>
-          <NButton size={'small'} onClick={() => {}}>
+          <NButton
+            size={'small'}
+            onClick={() => {
+              handleEdit(row.name);
+            }}
+          >
             编辑
           </NButton>
-          <NPopconfirm onPositiveClick={() => {}}>
+          <NPopconfirm
+            onPositiveClick={() => {
+              handleDelete(row.name);
+            }}
+          >
             {{
               default: () => '确认删除',
               trigger: () => <NButton size={'small'}>删除</NButton>
@@ -99,6 +108,14 @@ function getEmptyDataSource() {
   }, 1000);
 }
 
+function handleEdit(_name: string) {
+  //
+}
+
+function handleDelete(_name: string) {
+  //
+}
+
 onMounted(() => {
   getDataSource();
 });