refactor(i18n): add i18n context provider

src/App.tsx

@@ -5,6 +5,7 @@ import { Toaster } from 'solid-toast'
 import { twMerge } from 'tailwind-merge'
 import { Header } from '~/components'
 import { ROUTES } from '~/constants'
+import { I18nProvider, locale } from '~/i18n'
 import {
   WsMsg,
   autoSwitchTheme,
@@ -59,6 +60,7 @@ export const App = () => {
   })
 
   return (
+    <I18nProvider locale={locale()}>
       <div
         class={twMerge(
           'relative flex h-screen flex-col subpixel-antialiased p-safe',
@@ -90,5 +92,6 @@ export const App = () => {
 
         <Toaster position="bottom-center" />
       </div>
+    </I18nProvider>
   )
 }

src/main.tsx

@@ -7,17 +7,14 @@ import 'dayjs/locale/zh-cn'
 import relativeTime from 'dayjs/plugin/relativeTime'
 import { render } from 'solid-js/web'
 import { App } from '~/App'
-import { I18nProvider, locale } from '~/i18n'
 
 dayjs.extend(relativeTime)
 
 render(
   () => (
-    <I18nProvider locale={locale()}>
     <Router source={hashIntegration()}>
       <App />
     </Router>
-    </I18nProvider>
   ),
   document.getElementById('root')!,
 )

src/pages/Logs.tsx

@@ -15,7 +15,7 @@ import {
   getFilteredRowModel,
   getSortedRowModel,
 } from '@tanstack/solid-table'
-import { For, Index, createEffect, createMemo, createSignal } from 'solid-js'
+import { For, Index, createEffect, createSignal } from 'solid-js'
 import { twMerge } from 'tailwind-merge'
 import { Button, LogsSettingsModal } from '~/components'
 import { LOG_LEVEL, MODAL } from '~/constants'
@@ -65,7 +65,7 @@ export default () => {
     storage: localStorage,
   })
 
-  const columns = createMemo<ColumnDef<LogWithSeq>[]>(() => [
+  const columns: ColumnDef<LogWithSeq>[] = [
     {
       header: t('sequence'),
       accessorFn: (row) => row.seq,
@@ -100,7 +100,7 @@ export default () => {
       header: t('payload'),
       accessorFn: (row) => row.payload,
     },
-  ])
+  ]
 
   const table = createSolidTable({
     filterFns: {
@@ -118,7 +118,7 @@ export default () => {
       return logs()
     },
     sortDescFirst: true,
-    columns: columns(),
+    columns,
     onGlobalFilterChange: setGlobalFilter,
     onSortingChange: setSorting,
     globalFilterFn: fuzzyFilter,