From 86bebfd66ec39df9de9c893ce62ef9dfc5403fdf Mon Sep 17 00:00:00 2001
From: MoreStrive <minhnguyenyh2020@gmail.com>
Date: Fri, 31 May 2024 00:55:48 +0700
Subject: [PATCH] minhnt-dev: detail page

---
 .../templates/categories/BasicCategories.vue          |  2 +-
 components/dynamic-page/page/layouts/Default.vue      |  2 +-
 server/utils/error.ts                                 | 11 +++++++++++
 3 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 server/utils/error.ts

diff --git a/components/dynamic-page/page-component/templates/categories/BasicCategories.vue b/components/dynamic-page/page-component/templates/categories/BasicCategories.vue
index 465eec9..75991dd 100644
--- a/components/dynamic-page/page-component/templates/categories/BasicCategories.vue
+++ b/components/dynamic-page/page-component/templates/categories/BasicCategories.vue
@@ -23,7 +23,7 @@ const _dataResult = computed(() => {
 
 <template>
   <div>
-    <div class="flex gap-4 items-end py-2">
+    <div class="flex gap-4 items-end">
       <template v-for="(component, index) in _dataResult">
         <nuxt-link v-if="component" :key="index" :to="`/${component.code}`" class=" py-1 font-400 text-[16px] first:font-600 first:text-[20px] sm:block hidden first:block">
           <h3 class="m-0 leading-none hover:text-primary-100 transition-all duration-300">{{ component.title }}</h3>
diff --git a/components/dynamic-page/page/layouts/Default.vue b/components/dynamic-page/page/layouts/Default.vue
index 4c3d846..09833a3 100644
--- a/components/dynamic-page/page/layouts/Default.vue
+++ b/components/dynamic-page/page/layouts/Default.vue
@@ -37,7 +37,7 @@ const CLASS_FOR_LAYOUT = computed(() => {
 
 <template>
     <div :class="[CLASS_FOR_LAYOUT.page_container]">
-        <div :class="[CLASS_FOR_LAYOUT.layout_container]" class="grid-container grid grid-cols-1 gap-20 style_layout">
+        <div :class="[CLASS_FOR_LAYOUT.layout_container]" class="grid-container grid grid-cols-1 gap-20 py-20 style_layout">
             <slot />
         </div>
     </div>
diff --git a/server/utils/error.ts b/server/utils/error.ts
new file mode 100644
index 0000000..b4e4307
--- /dev/null
+++ b/server/utils/error.ts
@@ -0,0 +1,11 @@
+import { H3Error} from 'h3'
+
+export function handleError(error: any){
+    const h3Error = new H3Error('')
+
+    h3Error.statusCode = error.statusCode||500
+    h3Error.statusMessage = error.statusMessage||'Internal Server Error'
+    h3Error.data = error.data
+
+    throw createError(h3Error)
+}
\ No newline at end of file