aboutsummaryrefslogtreecommitdiffstats
path: root/pages/index.vue
diff options
context:
space:
mode:
authorLeonardo Bishop <me@leonardobishop.com>2024-03-10 00:13:25 +0000
committerLeonardo Bishop <me@leonardobishop.com>2024-03-10 00:13:25 +0000
commit9a11e0f4a38297006b89cc7bb2a60734111582e0 (patch)
tree5ebddde79e67b659714b5dbdbfcea289f06a4ae5 /pages/index.vue
parent817478f3cf357fc09778d9dc3cf67a667e21f042 (diff)
Migrate to nuxt
Diffstat (limited to 'pages/index.vue')
-rw-r--r--pages/index.vue37
1 files changed, 37 insertions, 0 deletions
diff --git a/pages/index.vue b/pages/index.vue
new file mode 100644
index 0000000..b94f998
--- /dev/null
+++ b/pages/index.vue
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import { useSessionStore } from '@/stores/session';
+import { loadQuestsFromJson, loadCategoriesFromJson } from '@/lib/questsLoader';
+import EditorSidebar from '@/components/Editor/EditorSidebar.vue';
+import testData from '@/data/testData.json';
+import taskDefinitions from '@/data/taskDefinitions.json';
+import EditorPane from '@/components/Editor/EditorPane.vue';
+
+const sessionStore = useSessionStore();
+
+const quests = loadQuestsFromJson(testData.quests);
+const categories = loadCategoriesFromJson(testData.categories);
+
+sessionStore.setQuests(quests);
+sessionStore.setCategories(categories);
+sessionStore.setTaskDefinitions(taskDefinitions.taskTypes);
+// sessionStore.updateEditorCategories();
+</script>
+
+<template>
+ <main>
+ <div id="editor-container">
+ <EditorSidebar />
+
+ <EditorPane />
+ </div>
+ </main>
+</template>
+
+<style lang="scss" scoped>
+#editor-container {
+ display: flex;
+ background-color: var(--color-background-soft);
+ max-height: calc(100vh - 73px);
+ flex-direction: row;
+}
+</style> \ No newline at end of file