add images

src/components/GameWindow.vue

@@ -22,6 +22,7 @@ type Action = {
   place: string
   name: string
   text: string
+  image: string
   applications: Application[]
   hidden: boolean
   doors: Door[]
@@ -252,7 +253,9 @@ onMounted(() => {
               <div v-show="action.isOpen">
                 <hr class="hr" />
                 <div class="message-content">
-                  {{ action.text }}
+                  <div v-if="action.image.length">
+                    <img v-bind:src="action.image" class="message-image" />
+                  </div>{{ action.text }}
                 </div>
                 <hr class="hr" v-if="action.buttons?.length" />
                 <button v-for="door in action.buttons" :key="door.code" class="button-dialog"
@@ -323,6 +326,7 @@ body {
   margin: 12px 10px;
   padding: 16px;
   background-color: var(--main-back-item-color);
+  display: flow-root;
 }
 
 .message-header {
@@ -336,6 +340,13 @@ body {
   white-space: pre-wrap;
 }
 
+.message-image {
+  /* width: 150px; */
+  width: 40%;
+  float: left;
+  margin-right: 15px;
+}
+
 .message-footer {
   font-weight: 400;
   color: var(--second-color);