diff --git a/src/pages/NoteShower.vue b/src/pages/NoteShower.vue
index 7d4f279..0624c9c 100644
--- a/src/pages/NoteShower.vue
+++ b/src/pages/NoteShower.vue
@@ -1,23 +1,13 @@
 <template>
-    <Navbar/>
-    <!-- <Alert/> -->
-    <IFrame :frameUrl="noteUrl" :frameDoc="noteDoc"/>
 </template>
 
 <script setup lang='ts'>
-import { computed, onMounted, ref, watch } from "vue"
-import IFrame from '@/components/utils/IFrame.vue'
-import Navbar from "@/components/Navbar.vue";
-import Alert from '@/components/utils/Alert.vue'
+import { computed, onMounted, ref } from "vue"
 import FetchWrapper from "@/components/utils/FetchWapper";
 
 import { file_api } from '@/router/config.json';
 
 const props = defineProps(['note_name', 'token'])
-let isShow = ref(true)
-const noteUrl = ref()
-const noteDoc = ref()
-
 
 onMounted(() => {
   FetchWrapper.fetch(`${file_api.root_url}/${file_api.notes.url}/${props.note_name}?type=${file_api.notes.type}`,
@@ -36,13 +26,12 @@ onMounted(() => {
       return response.text();
     })
     .then(htmlText => {
-      noteUrl.value = null;
-      noteDoc.value = htmlText;
+      // document.body.innerHTML = htmlText ?? '<h1>404</h1>';
+      document.open();
+      document.write(htmlText ?? '<h1>404</h1>');
+      document.close();
     })
 });
-
-let msg = ref('msg')
-let btnTxt = ref('btnTxt')
 </script>
 
 <style scoped>