diff --git a/ui/src/components/BulmaBreadcrumb.vue b/ui/src/components/BulmaBreadcrumb.vue
index e510e72..5d1b546 100644
--- a/ui/src/components/BulmaBreadcrumb.vue
+++ b/ui/src/components/BulmaBreadcrumb.vue
@@ -21,10 +21,10 @@
 <script lang="ts">
 import { Options, Vue } from "vue-class-component";
 
-type Step = {
+export interface Step {
   label: string;
   icon: string;
-};
+}
 
 @Options({
   props: {
diff --git a/ui/src/components/DoorMapEditor.vue b/ui/src/components/DoorMapEditor.vue
index 0b6538f..f732234 100644
--- a/ui/src/components/DoorMapEditor.vue
+++ b/ui/src/components/DoorMapEditor.vue
@@ -14,15 +14,10 @@
 import { Vue, Options } from "vue-class-component";
 import { Rectangle } from "./rects/rectangles";
 
-import BulmaBreadcrumb from "./BulmaBreadcrumb.vue";
+import BulmaBreadcrumb, { Step } from "./BulmaBreadcrumb.vue";
 import DoorPlacer from "./door_map/DoorPlacer.vue";
 import DoorChooser from "./door_map/DoorChooser.vue";
 
-type Step = {
-  label: string;
-  icon: string;
-};
-
 @Options({
   components: {
     BulmaBreadcrumb,