1 files changed, 65 insertions, 0 deletions
diff --git a/site/src/components/RightPage1.vue b/site/src/components/RightPage1.vue
new file mode 100644
index 0000000..5b93ea8
--- /dev/null
+++ b/site/src/components/RightPage1.vue
@@ -0,0 +1,65 @@
+<script lang="ts">
+import axios from "axios";
+
+export default {
+  data() {
+    return {
+      ChangeLogTagName: "beta",
+      ChangeLogMessage: 'testChangeLogMessage',
+    }
+  },
+  props: {
+    title: {
+      type: String,
+      default: "1",
+    },
+    msg: {
+      type: String,
+      require: true
+    },
+    date: {
+      type: Date,
+      default: new Date('2024-07-14T12:00:00Z')
+    }
+  },
+  methods: {
+    getChangeLog() {
+      axios.get('https://api.github.com/repos/HydroRoll-Team/HydroRoll/releases/latest').then(res => {
+        this.ChangeLogTagName = res.data['tag_name'];
+        this.ChangeLogMessage = res.data['body'];
+        console.log(res.data);
+      })
+    }
+  },
+  beforeMount() {
+    this.getChangeLog()
+  }
+}
+</script>
+
+
+<template>
+  <div class="details" style="overflow-y:scroll;overflow-x:hidden;height:100%">
+    <h3>
+      {{ title }}
+    </h3>
+    <v-md-preview :text="ChangeLogMessage"></v-md-preview>
+  </div>
+</template>
+
+
+<style scoped>
+
+
+h3 {
+  font-size: 1.2rem;
+  font-weight: 500;
+  margin-bottom: 0.4rem;
+  color: var(--color-heading);
+}
+
+.details {
+  flex: 1;
+  margin-left: 1rem;
+}
+</style>