diff --git a/.vscode/settings.json b/.vscode/settings.json
index c23f745..b0e8492 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,3 +1,8 @@
{
- "prettier.useTabs": false
-}
\ No newline at end of file
+ "prettier.useTabs": true,
+ "editor.defaultFormatter": "esbenp.prettier-vscode",
+ "editor.formatOnSave": true,
+ "[typescriptreact]": {
+ "editor.defaultFormatter": "esbenp.prettier-vscode"
+ }
+}
diff --git a/next.config.ts b/next.config.ts
index 62060af..24bb1eb 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,12 +1,12 @@
-import type { NextConfig } from "next";
+import type { NextConfig } from 'next';
const nextConfig: NextConfig = {
images: {
remotePatterns: [
{
- protocol: "https",
- hostname: "nguyencongpc.vn",
- pathname: "/**", // Cho phép tất cả đường dẫn từ domain này
+ protocol: 'https',
+ hostname: 'nguyencongpc.vn',
+ pathname: '/**',
},
],
},
diff --git a/src/app/(size)/layout.tsx b/src/app/(size)/layout.tsx
index 9a219e6..c2f976f 100644
--- a/src/app/(size)/layout.tsx
+++ b/src/app/(size)/layout.tsx
@@ -5,7 +5,8 @@ import 'swiper/css';
import 'swiper/css/navigation';
import 'swiper/css/pagination';
import '@styles/globals.css';
-import Header from '@components/layout/Header';
+import Header from '@/components/layout/other/Header';
+import Footer from '@/components/layout/other/Footer';
import PreLoader from '@components/common/PreLoader';
@@ -29,6 +30,7 @@ export default function RootLayout({
<>
{children}
+
)}
diff --git a/src/app/[...slug]/page.tsx b/src/app/[...slug]/page.tsx
new file mode 100644
index 0000000..b22e3cf
--- /dev/null
+++ b/src/app/[...slug]/page.tsx
@@ -0,0 +1,53 @@
+'use client';
+import React from 'react';
+import { useParams } from 'next/navigation';
+import Link from 'next/link';
+import { findCategoryBySlug } from '@/lib/category';
+
+const CategoryPage: React.FC = () => {
+ const params = useParams();
+ const slugArray = params?.slug as string[];
+
+ // tìm danh mục hiện tại theo slug
+ const category: Category | null = findCategoryBySlug(slugArray, categories);
+
+ if (!category) {
+ return (
+