From fdd0e29011021ba334318dce2f571442bf69bc2f Mon Sep 17 00:00:00 2001
From: Ntkskwk <natsukawa247@outlook.com>
Date: Tue, 10 Sep 2024 02:48:13 +0800
Subject: refactor: package axios with utils lib

---
 src/utils/http.ts                    | 9 +++++++++
 src/views/index/Notepad/changelog.ts | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 src/utils/http.ts

diff --git a/src/utils/http.ts b/src/utils/http.ts
new file mode 100644
index 0000000..d49fad4
--- /dev/null
+++ b/src/utils/http.ts
@@ -0,0 +1,9 @@
+import axios from "axios";
+
+const serviceAxios = axios.create({
+  baseURL: "", 
+  timeout: 3 * 1000, 
+  withCredentials: false, 
+});
+
+export default serviceAxios;
\ No newline at end of file
diff --git a/src/views/index/Notepad/changelog.ts b/src/views/index/Notepad/changelog.ts
index 111f8f2..1090c6c 100644
--- a/src/views/index/Notepad/changelog.ts
+++ b/src/views/index/Notepad/changelog.ts
@@ -1,4 +1,4 @@
-import axios from 'axios';
+import http from '@/utils/http'
 
 export const getChangeLog = async() =>
 {
-- 
cgit v1.2.3-70-g09d2


From b41d6ea8223f74789f20aec5cc40a68cb27db758 Mon Sep 17 00:00:00 2001
From: Ntkskwk <natsukawa247@outlook.com>
Date: Tue, 10 Sep 2024 02:50:08 +0800
Subject: refactor: package NotepadContent class

---
 src/views/index/Notepad/changelog.ts | 24 +++++++++----------
 src/views/index/Notepad/index.vue    | 21 +++++++---------
 src/views/index/Notepad/type.ts      |  9 +++++++
 src/views/index/Right.vue            | 46 ++++++++++++++++++------------------
 4 files changed, 52 insertions(+), 48 deletions(-)
 create mode 100644 src/views/index/Notepad/type.ts

diff --git a/src/views/index/Notepad/changelog.ts b/src/views/index/Notepad/changelog.ts
index 1090c6c..9d2b523 100644
--- a/src/views/index/Notepad/changelog.ts
+++ b/src/views/index/Notepad/changelog.ts
@@ -1,16 +1,16 @@
 import http from '@/utils/http'
 
-export const getChangeLog = async() =>
+import { NotepadContent } from "@/views/index/Notepad/type";
+export const changelog = async ():Promise<NotepadContent> =>
 {
-  const changeLog = axios.get('https://api.github.com/repos/HydroRoll-Team/HydroRoll/releases/latest')
-  .then(res => {
-    console.log(res.data);
-    const ChangeLogMessage ="## "+ res.data['tag_name']+"\n"+res.data['body'];
-    return ChangeLogMessage;
-  })
-  .catch(err => {
-    console.log(err);
-    return err.toString();
-  })
-  return changeLog;
+    const title = "Changelog"
+    return http.get('https://api.github.com/repos/HydroRoll-Team/HydroRoll/releases/latest')
+      .then(res => {
+        const message = "## " + res.data['tag_name'] + "\n" + res.data['body'];
+        return new NotepadContent(title,message)
+      })
+      .catch(err => {
+        console.log(err)
+        return new NotepadContent(title,err.toString())
+      })
 }
diff --git a/src/views/index/Notepad/index.vue b/src/views/index/Notepad/index.vue
index 33466d4..2d4f037 100644
--- a/src/views/index/Notepad/index.vue
+++ b/src/views/index/Notepad/index.vue
@@ -1,18 +1,13 @@
 <script lang="ts">
+import { NotepadContent } from "@/views/index/Notepad/type";
+
 export default {
   props: {
-    title: {
-      type: String,
-      default: "1",
-    },
-    message: {
-      type: String,
-      require: true
+    content: {
+      type: NotepadContent,
+      require: true,
+      default: new NotepadContent(),
     },
-    date: {
-      type: Date,
-      default: new Date('2024-07-14T12:00:00Z')
-    }
   },
 }
 </script>
@@ -21,9 +16,9 @@ export default {
 <template>
   <div class="details" style="overflow-y:hidden;overflow-x:hidden;height:100%">
     <h3>
-      {{ title }}
+      {{ content.title }}
     </h3>
-    <v-md-preview :text="message" ></v-md-preview>
+    <v-md-preview :text="content.message" ></v-md-preview>
   </div>
 </template>
 
diff --git a/src/views/index/Notepad/type.ts b/src/views/index/Notepad/type.ts
new file mode 100644
index 0000000..9147341
--- /dev/null
+++ b/src/views/index/Notepad/type.ts
@@ -0,0 +1,9 @@
+export class NotepadContent {
+  title: string = "";
+  message: string = "";
+
+  constructor(title:string="", message:string="") {
+    this.title=title;
+    this.message=message;
+  }
+}
diff --git a/src/views/index/Right.vue b/src/views/index/Right.vue
index 85df994..c415aee 100644
--- a/src/views/index/Right.vue
+++ b/src/views/index/Right.vue
@@ -1,7 +1,9 @@
 <script lang="ts">
 import Notepad from './Notepad/index.vue'
 import DocumentationIcon from '@/components/icons/IconDocumentation.vue'
-import { getChangeLog } from './Notepad/changelog'
+import { NotepadContent } from "@/views/index/Notepad/type";
+import { changelog } from './Notepad/changelog'
+
 
 
 export default {
@@ -14,27 +16,17 @@ export default {
         "敬请期待",
         "敬请期待",
       ],
-      title: "",
-      message:"",
-      changeLogMessage:"",
+      notepadContents: [] as NotepadContent[],
     }
   },
   components: {
-    Notepad,
+    Notepad: Notepad,
     DocumentationIcon
   },
   methods: {
     change_page(n: number) {
       this.mainPage = n;
-      this.title = this.tooltip[n];
-      switch (n) {
-        case 0:
-          this.message = this.changeLogMessage;
-          break;
-        default:
-          this.message = "敬请期待";
-          break;
-      }
+      return this.notepadContents[n]
     },
     getBgColor(index: number) {
       if (index < this.mainPage) {
@@ -47,10 +39,18 @@ export default {
     }
   },
   beforeCreate() {
-    getChangeLog().then(res => {
-      this.changeLogMessage = res;
-      this.change_page(this.mainPage);
-    })
+    changelog().then(res => {
+      this.notepadContents.push(res);
+    });
+    changelog().then(res => {
+      this.notepadContents.push(res);
+    });
+    changelog().then(res => {
+      this.notepadContents.push(res);
+    });
+    changelog().then(res => {
+      this.notepadContents.push(res);
+    });
   },
 }
 
@@ -58,17 +58,17 @@ export default {
 
 <template>
   <div class="messageBar">
-    <div class="options">
-      <li v-for="(item, index) in tooltip" :key="index" class="item">
-        <el-tooltip :content="item" placement="left" >
+    <ul class="options">
+      <li v-for="(item, index) in notepadContents" :key="index" class="item">
+        <el-tooltip :content="item.title" placement="left" >
           <i :style="{background:getBgColor(index)}" @mouseover="change_page(index)">
             <DocumentationIcon/>
           </i>
         </el-tooltip>
       </li>
-    </div>
+    </ul>
     <div class="messageBox">
-      <Notepad :title="title" :message="message"/>
+      <Notepad :content="notepadContents[mainPage]" />
     </div>
   </div>
 </template>
-- 
cgit v1.2.3-70-g09d2


From 96bcab1d19d4e5b537437744cf1a4773a67d2e7c Mon Sep 17 00:00:00 2001
From: Ntkskwk <natsukawa247@outlook.com>
Date: Tue, 10 Sep 2024 02:53:46 +0800
Subject: style: solve IDE warning

---
 src/views/index/index.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index 003f752..782a393 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -20,9 +20,9 @@ export default {
 
 <template>
   <header>
-    <img src="@/assets/Hydroroll-small.svg" 
-      alt="Vue logo" 
-      class="logo" 
+    <img src="@/assets/Hydroroll-small.svg"
+      alt="Vue logo"
+      class="logo"
       width="125" height="125" />
 
     <div class="wrapper">
@@ -31,7 +31,7 @@ export default {
   </header>
 
   <main class="main">
-    <video loop=true preload="auto" muted="true" autoplay @canplay="PlayOn" v-show="isplay" >
+    <video loop preload="auto" muted autoplay @canplay="PlayOn" v-show="isplay" >
       <source src="@/assets/video/bg.mp4" type="video/mp4" />
     </video>
     <Right />
@@ -75,7 +75,7 @@ video{
   min-width: 100%;
   min-height: 100%;
   width: auto;
-  height: auto; 
+  height: auto;
   z-index: -100;
   filter: grayscale(20%);
 }
-- 
cgit v1.2.3-70-g09d2