diff --git a/pages/[sectionSlug]/index.vue b/pages/[sectionSlug]/index.vue
index 5121ff1c..01a3ff05 100644
--- a/pages/[sectionSlug]/index.vue
+++ b/pages/[sectionSlug]/index.vue
@@ -1,9 +1,23 @@
 <script setup lang="ts">
 import { InformationPage } from '../../composables/types/Page'
+/* preview */
+import { usePreviewData } from '~/composables/states'
+const previewData = usePreviewData()
 const route = useRoute()
-const page = await findPage(route?.params?.sectionSlug as string).then(
-  ({ data }) => normalizeFindPageResponse(data)
-)
+const isPreview = route.query.preview ? true : false
+/* preview */
+
+let page
+if (isPreview)
+{
+  console.log(previewData)
+  page = previewData.value.data
+}
+else  {
+  page = await findPage(route?.params?.sectionSlug as string).then(
+    ({ data }) => normalizeFindPageResponse(data)
+  )
+}
 </script>
 <template>
   <div>
diff --git a/pages/preview.vue b/pages/preview.vue
index ab50c854..d1623873 100644
--- a/pages/preview.vue
+++ b/pages/preview.vue
@@ -32,6 +32,8 @@ const handlePreviewData = () => {
 }
 
 watch(previewData, (res) => {
+  const url = new URL(previewData.value.data?.url || fetchData.value.url)
+  const path = url.pathname
   switch (fetchData.value.meta.type) {
     case 'news.ArticlePage':
       return navigateTo(
@@ -40,11 +42,9 @@ watch(previewData, (res) => {
     case 'tagpages.TagPage':
       return navigateTo(`/tags/${identifierId}?preview=true`)
     case 'gallery.GalleryPage':
-      const url = new URL(previewData.value.data.url)
-      const path = url.pathname
       return navigateTo(`${path}?preview=true`)
     case 'standardpages.InformationPage':
-      break
+      return navigateTo(`${path}?preview=true`)
     default:
       break
   }