fix: use PascalCase

app/src/components/QuestPart.vue

@@ -0,0 +1,30 @@
+<script setup>
+import { ref } from 'vue'
+import api from '../utils/api'
+
+const questData = ref(null)
+const questErr = ref(null)
+
+api
+  .get('/quests/helloworld')
+  .then((res) => {
+    console.log(res.data)
+    questData.value = JSON.stringify(res.data.content)
+  })
+  .catch((err) => {
+    questErr.value = err
+  })
+</script>
+
+<template>
+  <h1 id="topic" class="text-text">Try Your First Command</h1>
+  <hr class="border-text-line border-2 my-2" />
+  <div>
+    <p class="text-red-500" v-if="questErr">{{ questErr.message }}</p>
+    <p class="text-text" v-else-if="questData">--Quest Information--</p>
+    <!--
+    <p class="text-text" v-else-if="quest" v-html="questData"></p>
+    -->
+    <p class="text-text" v-else>Loading...</p>
+  </div>
+</template>