diff --git a/components/dynamic-page/page-component/templates/articles/collections/BasicCollection.vue b/components/dynamic-page/page-component/templates/articles/collections/BasicCollection.vue
index 5c496a4..fefbabc 100644
--- a/components/dynamic-page/page-component/templates/articles/collections/BasicCollection.vue
+++ b/components/dynamic-page/page-component/templates/articles/collections/BasicCollection.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import DynamicComponent from "~/components/dynamic-page/page-component/templates/index.vue";
 import { COLLECTION_QUERY_DROP, getValueStringWithKeyAndColon, getInputValue } from '@/utils/parseSQL';
-import { isEmpty } from "lodash";
+import isEmpty from "lodash/isEmpty";
 
 const _props = defineProps<{
   dataResult?: any[];
diff --git a/components/dynamic-page/page-component/templates/other/breadcrumb/Default.vue b/components/dynamic-page/page-component/templates/other/breadcrumb/Default.vue
index f364b3d..38bf11e 100644
--- a/components/dynamic-page/page-component/templates/other/breadcrumb/Default.vue
+++ b/components/dynamic-page/page-component/templates/other/breadcrumb/Default.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { isEmpty } from 'lodash';
+import isEmpty from "lodash/isEmpty";
 const emit = defineEmits(['dropData', 'selectComponent'])
 
 const _props = defineProps<{
diff --git a/components/dynamic-page/page-component/templates/other/details/infographics.vue b/components/dynamic-page/page-component/templates/other/details/infographics.vue
index 7abb8c3..02a25d4 100644
--- a/components/dynamic-page/page-component/templates/other/details/infographics.vue
+++ b/components/dynamic-page/page-component/templates/other/details/infographics.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import { isEmpty } from 'lodash';
-const emit = defineEmits(['dropData', 'selectComponent'])
+import isEmpty from "lodash/isEmpty";
 
 const _props = defineProps<{
   dataResult?: any[]
diff --git a/components/dynamic-page/page-component/templates/pageCategories/collection_page.vue b/components/dynamic-page/page-component/templates/pageCategories/collection_page.vue
index a3caaac..2e46747 100644
--- a/components/dynamic-page/page-component/templates/pageCategories/collection_page.vue
+++ b/components/dynamic-page/page-component/templates/pageCategories/collection_page.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { isEmpty } from "lodash";
+import isEmpty from "lodash/isEmpty";
 import DynamicComponent from "~/components/dynamic-page/page-component/templates/index.vue";
 import { COLLECTION_PAGING_QUERY_DROP, getInputValue } from "@/utils/parseSQL";
 const router = useRouter();
diff --git a/components/dynamic-page/page/layouts/Default.vue b/components/dynamic-page/page/layouts/Default.vue
index d1039e0..2fa0bf3 100644
--- a/components/dynamic-page/page/layouts/Default.vue
+++ b/components/dynamic-page/page/layouts/Default.vue
@@ -8,25 +8,25 @@ const CLASS_FOR_LAYOUT = computed(() => {
     switch (props.layout) {
         case 'Full_Page':
             _classForLayout = {
-                page_container: 'page_container w-full px-2',
+                page_container: 'page_container mx-auto w-full px-2',
                 layout_container: 'layout_container px-5',
             };
             break;
         case 'Center_Page':
             _classForLayout = {
-                page_container: 'page_container w-full px-2 container ',
+                page_container: 'page_container mx-auto w-full px-2 container ',
                 layout_container: 'layout_container container-xxl mx-auto',
             };
             break;
         case 'Background_Page':
             _classForLayout = {
-                page_container: 'page_container w-full background-container ',
+                page_container: 'page_container mx-auto w-full background-container px-2',
                 layout_container: 'layout_container mx-auto',
             };
             break;
         default: 
             _classForLayout = {
-                page_container: 'page_container px-2',
+                page_container: 'page_container mx-auto px-2',
                 layout_container: 'layout_container',
             };
             break;
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 1563fa2..2137e8d 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -18,15 +18,10 @@ export default defineNuxtConfig({
     "@vueuse/nuxt",
     "@pinia/nuxt",
     "nuxt-delay-hydration",
-    // "@nuxtjs/critters",
     "nuxt-icon",
-    // "nuxt-custom-elements",
     "dayjs-nuxt",
-    "nuxt-swiper",
     "nuxt-lodash",
-    // "nuxt-headlessui",
     '@ant-design-vue/nuxt',
-    // "@sidebase/nuxt-auth",
   ],
 
   runtimeConfig: {
diff --git a/package.json b/package.json
index b9d2f84..f2d0de7 100644
--- a/package.json
+++ b/package.json
@@ -5,56 +5,34 @@
     "build": "nuxt build --dotenv .env.production",
     "dev": "nuxt dev",
     "generate": "nuxt generate",
-    "preview": "nuxt preview",
-    "postinstall": "nuxt prepare"
+    "preview": "nuxt preview"
   },
   "devDependencies": {
     "@ant-design-vue/nuxt": "^1.4.1",
     "@nuxt/devtools": "1.0.0",
     "@nuxt/image": "^1.1.0",
     "@pinia/nuxt": "latest",
-    "@remix-run/web-file": "^3.1.0",
-    "@sidebase/nuxt-auth": "^0.6.4",
-    "@types/glidejs__glide": "latest",
     "@unocss/postcss": "latest",
-    "cva": "beta",
     "dayjs-nuxt": "^2.1.8",
     "nuxt": "latest",
-    "nuxt-custom-elements": "beta",
-    "nuxt-headlessui": "^1.1.4",
     "nuxt-icon": "latest",
     "nuxt-lodash": "latest",
     "typescript": "^5.3.3",
     "vue-tsc": "^1.8.27"
   },
   "dependencies": {
-    "@glidejs/glide": "^3.6.0",
+    "@types/lodash": "^4.17.4",
     "@unocss/nuxt": "latest",
     "@unocss/reset": "latest",
     "@vueuse/core": "^10.8.0",
     "@vueuse/nuxt": "10.5.0",
-    "aos": "latest",
     "axios": "^1.5.1",
     "cheerio": "^1.0.0-rc.12",
-    "clsx": "^2.1.0",
-    "defu": "^6.1.4",
-    "ipx": "^3.0.1",
-    "mitt": "^3.0.1",
-    "next-auth": "4.21.1",
-    "node-html-parser": "latest",
+    "lodash": "^4.17.21",
     "nuxt-delay-hydration": "latest",
-    "nuxt-swiper": "latest",
-    "parse-nested-form-data": "^1.0.0",
-    "request": "^2.88.2",
-    "request-promise": "^0.0.1",
-    "require": "^0.4.4",
     "sass": "latest",
     "sass-loader": "latest",
-    "tailwind-merge": "latest",
-    "vite-svg-loader": "latest",
-    "vue-advanced-cropper": "^2.8.8",
-    "winston": "^3.11.0",
-    "zod": "^3.22.4"
+    "tailwind-merge": "latest"
   },
   "overrides": {
     "vue": "latest"
diff --git a/utils/parseSQL.ts b/utils/parseSQL.ts
index 692a0bc..597d177 100644
--- a/utils/parseSQL.ts
+++ b/utils/parseSQL.ts
@@ -1,9 +1,4 @@
-/* Bộ query mẫu */
-// Sql[SELECT * FROM Table WHERE Id=1] Key[xxx]
-// Uri[link-api] Method[Post] Params[{"param1":"value1","param2":"value2"}] Headers[{"Authorization":"12345678","Content-Type":"application/json"}] Content[{"data1":"value1","data2":"value2"}] Key[xxx]
-// Get[Article] Top[10] With[Topics:1,2,3] Sort[Views-,Shares+]
-
-import { isEmpty } from "lodash";
+import isEmpty from "lodash/isEmpty";
 
 const keyMapping = {
     // 3 query key để phân loại