From c74c63be54033383fbc1c42cb4379452506bc094 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Thu, 2 Feb 2023 12:50:12 +0000
Subject: [PATCH] BulmaBreadcrumbs v-model

---
 .../{BulmaBreadcrumb.vue => BulmaBreadcrumbs.vue}    | 12 ++++++------
 ui/src/components/DoorMapEditor.vue                  |  6 +++---
 2 files changed, 9 insertions(+), 9 deletions(-)
 rename ui/src/components/{BulmaBreadcrumb.vue => BulmaBreadcrumbs.vue} (75%)

diff --git a/ui/src/components/BulmaBreadcrumb.vue b/ui/src/components/BulmaBreadcrumbs.vue
similarity index 75%
rename from ui/src/components/BulmaBreadcrumb.vue
rename to ui/src/components/BulmaBreadcrumbs.vue
index 5d1b546..49f39a1 100644
--- a/ui/src/components/BulmaBreadcrumb.vue
+++ b/ui/src/components/BulmaBreadcrumbs.vue
@@ -4,7 +4,7 @@
       <li
         v-for="(step, index) in steps"
         :key="`step-${index}`"
-        :class="current === index ? 'is-active' : ''"
+        :class="modelValue === index ? 'is-active' : ''"
         @click="change_step(index)"
       >
         <a>
@@ -29,20 +29,20 @@ export interface Step {
 @Options({
   props: {
     steps: Array,
-    current: Number,
+    modelValue: Number,
   },
-  emits: ["update:current"],
+  emits: ["update:modelValue"],
 })
 export default class extends Vue {
   private steps!: Step[];
-  private current!: number;
+  private modelValue!: number;
 
   private change_step(next_step: number) {
-    if (next_step === this.current) {
+    if (next_step === this.modelValue) {
       return;
     }
 
-    this.$emit("update:current", next_step);
+    this.$emit("update:modelValue", next_step);
   }
 }
 </script>
\ No newline at end of file
diff --git a/ui/src/components/DoorMapEditor.vue b/ui/src/components/DoorMapEditor.vue
index f732234..3ce939a 100644
--- a/ui/src/components/DoorMapEditor.vue
+++ b/ui/src/components/DoorMapEditor.vue
@@ -2,7 +2,7 @@
   <div class="box">
     <p class="title is-4">Türchen bearbeiten</p>
 
-    <BulmaBreadcrumb :steps="steps" v-model:current="current_step" />
+    <BulmaBreadcrumbs :steps="steps" v-model="current_step" />
 
     <DoorPlacer v-if="current_step === 0" v-model:rectangles="rectangles" />
     <DoorChooser v-if="current_step === 1" v-model:rectangles="rectangles" />
@@ -14,13 +14,13 @@
 import { Vue, Options } from "vue-class-component";
 import { Rectangle } from "./rects/rectangles";
 
-import BulmaBreadcrumb, { Step } from "./BulmaBreadcrumb.vue";
+import BulmaBreadcrumbs, { Step } from "./BulmaBreadcrumbs.vue";
 import DoorPlacer from "./door_map/DoorPlacer.vue";
 import DoorChooser from "./door_map/DoorChooser.vue";
 
 @Options({
   components: {
-    BulmaBreadcrumb,
+    BulmaBreadcrumbs,
     DoorPlacer,
     DoorChooser,
   },