chore(docs): update styles

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
2023-04-24 00:07:04 +02:00
parent e294145520
commit 70604b9656
4 changed files with 36 additions and 43 deletions
@@ -1,12 +1,28 @@
 <script setup>
+import { watch } from 'vue'
+import { useRoute } from 'vitepress'
 import DefaultTheme from 'vitepress/theme'
 import { webVitals } from '../../plugins/vercel-web-vitals-api'

 const { Layout: ParentLayout } = DefaultTheme

+const route = useRoute()
+
 onMounted(() => {
  webVitals({ analyticsId: '__ANALYTICS_ID__', debug: false })
 })
+
+watch(
+  route,
+  (nextRoute) => {
+    if (nextRoute.path.includes('/examples')) {
+      document.body.className = 'examples'
+    } else {
+      document.body.className = ''
+    }
+  },
+  { deep: true },
+)
 </script>

 <template>