Add PlausibleProvider to app

app/theme-registy.js

@@ -13,6 +13,7 @@ import '@fontsource/roboto/500.css'
 import '@fontsource/roboto/700.css'
 import '../styles/nprogress.css'
 
+import PlausibleProvider from 'next-plausible'
 import ChanjeTem from '../components/chanje-tem'
 import NextAppDirEmotionCacheProvider from './emotion-cache-provider'
 
@@ -87,15 +88,17 @@ export default function ThemeRegistry(props) {
   }, [])
 
   return (
-    <NextAppDirEmotionCacheProvider options={{key: 'mui'}}>
-      <ColorModeContext.Provider value={colorMode}>
-        <ThemeProvider theme={theme}>
-          <CssBaseline enableColorScheme />
-          <ChanjeTem />
-          {children}
-        </ThemeProvider>
-      </ColorModeContext.Provider>
-    </NextAppDirEmotionCacheProvider>
+    <PlausibleProvider domain='oki.re'>
+      <NextAppDirEmotionCacheProvider options={{key: 'mui'}}>
+        <ColorModeContext.Provider value={colorMode}>
+          <ThemeProvider theme={theme}>
+            <CssBaseline enableColorScheme />
+            <ChanjeTem />
+            {children}
+          </ThemeProvider>
+        </ColorModeContext.Provider>
+      </NextAppDirEmotionCacheProvider>
+    </PlausibleProvider>
   )
 }