aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/Editor/EditorSidebarQuest.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 /src/components/Editor/EditorSidebarQuest.vue
parent817478f3cf357fc09778d9dc3cf67a667e21f042 (diff)
Migrate to nuxt
Diffstat (limited to 'src/components/Editor/EditorSidebarQuest.vue')
-rw-r--r--src/components/Editor/EditorSidebarQuest.vue68
1 files changed, 0 insertions, 68 deletions
diff --git a/src/components/Editor/EditorSidebarQuest.vue b/src/components/Editor/EditorSidebarQuest.vue
deleted file mode 100644
index baf06f1..0000000
--- a/src/components/Editor/EditorSidebarQuest.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<script setup lang="ts">
-import { useSessionStore, type EditorQuest } from '@/stores/session';
-import { computed, toRefs } from 'vue';
-import { stripColorCodes } from '@/lib/util';
-
-const props = defineProps<{
- quest: EditorQuest;
-}>();
-
-const { quest } = toRefs(props);
-
-const sessionStore = useSessionStore();
-
-const setSelectedQuest = () => {
- sessionStore.setEditorSelected('Quest', quest.value.id);
-};
-
-const selected = computed(() => {
- return sessionStore.editor.selected.type === 'Quest' && sessionStore.editor.selected.id === quest.value.id;
-});
-</script>
-
-<template>
- <div id="quest-container" @click.stop="setSelectedQuest" :class="{selected: selected}">
- <span id="quest-title">
- <font-awesome-icon class="quest-icon" :icon="['far', 'fa-compass']"/>
- <span id="quest-name">
- <span id="quest-display-name">{{ stripColorCodes(quest.display.name) }}</span>
- <code id="quest-display-id">{{ quest.id }}</code>
- </span>
- </span>
- </div>
-</template>
-
-<style scoped>
-#quest-container {
- cursor: pointer;
- padding: 0.3rem 1rem;
- transition: background-color 0.3s;
-
- #quest-title {
- display: flex;
- align-items: center;
- margin: 0;
- gap: 0.5rem;
- font-size: 0.8rem;
-
- #quest-name {
- display: flex;
- flex-direction: column;
- align-items: left;
-
- #quest-display-id {
- font-size: 0.6rem;
- color: var(--color-text-mute);
- }
- }
- }
-}
-
-.selected {
- background-color: var(--color-primary-mute) !important;
-}
-
-#quest-container:hover {
- background-color: var(--color-hover);
-}
-</style> \ No newline at end of file