init

nuxt.config.ts

@@ -1,6 +1,6 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  ssr: true,
+  ssr: false,
   compatibilityDate: '2025-05-15',
   devtools: { enabled: true },
   modules: [

pages/index.vue

@@ -27,7 +27,12 @@
                 v-for="header in headerGroup.headers"
                 :key="header.id"
                 :colspan="header.colSpan"
-                :style="[header.column.columnDef.meta?.style, isMobile ? { width: '100%' } : { width: `${header.getSize()}px` }]"
+                :style="[
+                  header.column.columnDef.meta?.style,
+                  isMobile
+                    ? { width: '100%' }
+                    : { width: `${header.getSize()}px` },
+                ]"
                 @click="header?.column?.getToggleSortingHandler()?.($event)"
               >
                 <FlexRender
@@ -52,7 +57,12 @@
               <td
                 v-for="cell in rows[vRow?.index]?.getVisibleCells()"
                 :key="cell?.id"
-                :style="[cell.column.columnDef.meta?.style, isMobile ? { width: '100%' } : { width: `${cell.column.getSize()}px` }]"
+                :style="[
+                  cell.column.columnDef.meta?.style,
+                  isMobile
+                    ? { width: '100%' }
+                    : { width: `${cell.column.getSize()}px` },
+                ]"
               >
                 <FlexRender
                   :render="cell?.column?.columnDef?.cell"