minhnt-dev: detail page

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>

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>

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)
+}