diff options
| author | Leonardo Bishop <me@leonardobishop.com> | 2024-02-15 14:01:30 +0000 |
|---|---|---|
| committer | Leonardo Bishop <me@leonardobishop.com> | 2024-02-15 14:01:30 +0000 |
| commit | 2aca4247c5d0c7061a300517178dd31316b65fab (patch) | |
| tree | 10e145c2b57d76c778bdf1a11191495dcfe191f3 /src/views/EditorView.vue | |
Initial commit
Diffstat (limited to 'src/views/EditorView.vue')
| -rw-r--r-- | src/views/EditorView.vue | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/src/views/EditorView.vue b/src/views/EditorView.vue new file mode 100644 index 0000000..b94f998 --- /dev/null +++ b/src/views/EditorView.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 |
