From e985d8d558bf76f88302c0ef5031821aabf34dd7 Mon Sep 17 00:00:00 2001
From: Student Huib van der Gronde <hgronde1198@student.landstede.nl>
Date: Mon, 18 Dec 2023 11:29:22 +0100
Subject: [PATCH 1/7] model gemaakt. alleen kleur moet nog aangepast worden

---
 src/resources/vue/components/add-line.svg     |   1 +
 .../vue/components/arrow-go-back-fill.svg     |   1 +
 src/resources/vue/components/close.png        | Bin 0 -> 6536 bytes
 src/resources/vue/components/model.vue        |  28 ++++++++++++++++++
 src/resources/vue/pages/index.vue             |   9 ++++++
 5 files changed, 39 insertions(+)
 create mode 100644 src/resources/vue/components/add-line.svg
 create mode 100644 src/resources/vue/components/arrow-go-back-fill.svg
 create mode 100644 src/resources/vue/components/close.png
 create mode 100644 src/resources/vue/components/model.vue

diff --git a/src/resources/vue/components/add-line.svg b/src/resources/vue/components/add-line.svg
new file mode 100644
index 0000000..4fed9cd
--- /dev/null
+++ b/src/resources/vue/components/add-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z"></path></svg>
\ No newline at end of file
diff --git a/src/resources/vue/components/arrow-go-back-fill.svg b/src/resources/vue/components/arrow-go-back-fill.svg
new file mode 100644
index 0000000..38e595d
--- /dev/null
+++ b/src/resources/vue/components/arrow-go-back-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8 7V11L2 6L8 1V5H13C17.4183 5 21 8.58172 21 13C21 17.4183 17.4183 21 13 21H4V19H13C16.3137 19 19 16.3137 19 13C19 9.68629 16.3137 7 13 7H8Z"></path></svg>
\ No newline at end of file
diff --git a/src/resources/vue/components/close.png b/src/resources/vue/components/close.png
new file mode 100644
index 0000000000000000000000000000000000000000..45e82a40c041d1f617d873e625a9a724f982b396
GIT binary patch
literal 6536
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

literal 0
HcmV?d00001

diff --git a/src/resources/vue/components/model.vue b/src/resources/vue/components/model.vue
new file mode 100644
index 0000000..c6450f7
--- /dev/null
+++ b/src/resources/vue/components/model.vue
@@ -0,0 +1,28 @@
+<template>
+    <div class="box">
+        <svg class="close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="transform: rotate(45deg);"><path d="M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z"></path></svg>
+        <slot></slot>
+    </div>
+</template>
+
+<script>
+
+</script>
+
+<style scoped>
+    .box {
+        background-color: darkblue;
+        width: 400px;
+        height: 400px;
+        position: relative;
+    }
+
+    .close-icon {
+        position: absolute;
+        height: 40px;
+        width: 40px;
+        top: 5px;
+        right: 5px;
+    }
+</style>
+    
\ No newline at end of file
diff --git a/src/resources/vue/pages/index.vue b/src/resources/vue/pages/index.vue
index c82f939..791329d 100644
--- a/src/resources/vue/pages/index.vue
+++ b/src/resources/vue/pages/index.vue
@@ -1,9 +1,18 @@
 <template>
     <h1>Hello World!</h1>
+    <model>
+        
+    </model>
 </template>
 
 <script>
+    import Model from '../components/model.vue';
 
+    export default {
+        components: {
+            Model
+        }
+    }
 </script>
 
 <style>

From 46545d02503c47699891f4e6c417de8d4ab6c1d7 Mon Sep 17 00:00:00 2001
From: Student Huib van der Gronde <hgronde1198@student.landstede.nl>
Date: Mon, 18 Dec 2023 13:39:29 +0100
Subject: [PATCH 2/7] model done

---
 src/resources/vue/components/model.vue |  3 ++-
 src/resources/vue/pages/index.vue      | 15 +++------------
 2 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/src/resources/vue/components/model.vue b/src/resources/vue/components/model.vue
index c6450f7..2cb763a 100644
--- a/src/resources/vue/components/model.vue
+++ b/src/resources/vue/components/model.vue
@@ -11,7 +11,7 @@
 
 <style scoped>
     .box {
-        background-color: darkblue;
+        background-color: #1D243A;
         width: 400px;
         height: 400px;
         position: relative;
@@ -23,6 +23,7 @@
         width: 40px;
         top: 5px;
         right: 5px;
+        fill: #fff;
     }
 </style>
     
\ No newline at end of file
diff --git a/src/resources/vue/pages/index.vue b/src/resources/vue/pages/index.vue
index 791329d..b988773 100644
--- a/src/resources/vue/pages/index.vue
+++ b/src/resources/vue/pages/index.vue
@@ -1,20 +1,11 @@
 <template>
-    <h1>Hello World!</h1>
-    <model>
-        
-    </model>
+    
 </template>
 
 <script>
-    import Model from '../components/model.vue';
-
-    export default {
-        components: {
-            Model
-        }
-    }
+    
 </script>
 
 <style>
 
-</style>
+</style>
\ No newline at end of file

From e1c7bc955aa57ecd00e765d3d2b380e907291bee Mon Sep 17 00:00:00 2001
From: Student Huib van der Gronde <hgronde1198@student.landstede.nl>
Date: Thu, 21 Dec 2023 11:20:25 +0100
Subject: [PATCH 3/7] Changes voor modal

---
 src/resources/vue/components/model.vue | 69 +++++++++++++++++++-------
 src/resources/vue/pages/index.vue      | 29 +++++++++--
 src/resources/vue/scss/global.scss     | 12 +++--
 3 files changed, 85 insertions(+), 25 deletions(-)

diff --git a/src/resources/vue/components/model.vue b/src/resources/vue/components/model.vue
index 2cb763a..298fb6a 100644
--- a/src/resources/vue/components/model.vue
+++ b/src/resources/vue/components/model.vue
@@ -1,29 +1,62 @@
 <template>
-    <div class="box">
-        <svg class="close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="transform: rotate(45deg);"><path d="M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z"></path></svg>
-        <slot></slot>
+    <div class="bg-modal" @click="toggleModal" v-if="showModal">
+        <div v-if="showModal" class="modal" @click.stop>
+            <svg class="close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="transform: rotate(45deg);">
+                <path d="M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z"></path>
+            </svg>
+            <!-- <p class="modal-content">This is some content in the modal.</p> -->
+            <slot></slot>
+        </div>
     </div>
 </template>
 
 <script>
-
+export default {
+    data() {
+        return {
+            showModal: true
+        };
+    },
+    methods: {
+        toggleModal() {
+            this.showModal = !this.showModal;
+        }
+    }
+};
 </script>
 
 <style scoped>
-    .box {
-        background-color: #1D243A;
-        width: 400px;
-        height: 400px;
+.bg-modal {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    background-color: gray;
+}
+    .modal {
         position: relative;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        width: 80%;
+        /* width: 900px; */
+        height: 80%;
+        /* height: 550px; */
+        background-color: #1D243A;
     }
 
-    .close-icon {
-        position: absolute;
-        height: 40px;
-        width: 40px;
-        top: 5px;
-        right: 5px;
-        fill: #fff;
-    }
-</style>
-    
\ No newline at end of file
+.close-icon {
+    position: absolute;
+    height: 40px;
+    width: 40px;
+    top: 5px;
+    right: 5px;
+    fill: #fff;
+}
+</style>
\ No newline at end of file
diff --git a/src/resources/vue/pages/index.vue b/src/resources/vue/pages/index.vue
index b988773..187f504 100644
--- a/src/resources/vue/pages/index.vue
+++ b/src/resources/vue/pages/index.vue
@@ -1,11 +1,32 @@
 <template>
-    
+  <button @click="showModel = !showModel">Toggle Model</button>
+  <model v-if="showModel" v-click-outside="outsideClick"></model>
 </template>
 
 <script>
-    
+import model from '../components/model.vue';
+import vClickOutside from 'v-click-outside';
+
+export default {
+  directives: {
+    'v-click-outside': vClickOutside
+  },
+  components: {
+    model
+  },
+  data() {
+    return {
+      showModel: false
+    };
+  },
+  methods: {
+    outsideClick() {
+      this.showModel = false;
+    }
+  }
+};
 </script>
 
 <style>
-
-</style>
\ No newline at end of file
+/* Add your styles here if needed */
+</style>
diff --git a/src/resources/vue/scss/global.scss b/src/resources/vue/scss/global.scss
index ba18583..2779aea 100644
--- a/src/resources/vue/scss/global.scss
+++ b/src/resources/vue/scss/global.scss
@@ -1,11 +1,17 @@
 @import './variables.scss';
 
-html, body {
+html,
+body {
     font-family: $font-main;
-    background-color: $color-dark-blue-100;
+    //background-color: $color-dark-blue-100;
     color: $color-white;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
     font-weight: bold;
 }
\ No newline at end of file

From 55402f86213d3c4224f10b551b3132186aec316d Mon Sep 17 00:00:00 2001
From: Student Huib van der Gronde <hgronde1198@student.landstede.nl>
Date: Wed, 10 Jan 2024 13:20:20 +0100
Subject: [PATCH 4/7] changes after review

---
 src/resources/vue/components/icon.vue  |   4 +
 src/resources/vue/components/model.vue |  67 +--
 src/resources/vue/pages/index.vue      |   8 +
 src/resources/vue/scss/global.scss     |   4 +-
 src/yarn.lock                          | 656 +++++++++++++++++++++++++
 5 files changed, 704 insertions(+), 35 deletions(-)
 create mode 100644 src/yarn.lock

diff --git a/src/resources/vue/components/icon.vue b/src/resources/vue/components/icon.vue
index b20a4b1..99257d9 100644
--- a/src/resources/vue/components/icon.vue
+++ b/src/resources/vue/components/icon.vue
@@ -22,6 +22,10 @@ export default {
           return `<svg width="${this.size || 24}" height="${this.size || 24}" viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.4337 7C20.7734 7 20.2074 7.09434 19.6413 7.28301C15.9622 8.03771 13.0377 10.9622 12.283 14.6413C12 15.2074 12 15.7734 12 16.4337V68.3194C12 76.1494 18.3206 82.47 26.1506 82.47H78.0362V73.0362H26.1506C23.5092 73.0362 21.4337 70.9608 21.4337 68.3194C21.4337 65.6779 23.5092 63.6025 26.1506 63.6025H78.0362V11.7169C78.0362 9.07542 75.9608 7 73.3194 7H68.6025V35.3012L59.1687 25.8675L49.735 35.3012V7H21.4337Z" fill="${this.color || 'black'}"/></svg>`;
         case 'warning':
           return `<svg width="${this.size || 24}" height="${this.size || 24}" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_21_835)"><path d="M17.5 2.1875C18.4707 2.1875 19.3663 2.7002 19.8584 3.54102L34.6241 28.6973C35.1231 29.5449 35.1231 30.5908 34.6377 31.4385C34.1524 32.2861 33.2432 32.8125 32.2657 32.8125H2.73442C1.75688 32.8125 0.847697 32.2861 0.362345 31.4385C-0.123007 30.5908 -0.116171 29.5381 0.376017 28.6973L15.1416 3.54102C15.6338 2.7002 16.5293 2.1875 17.5 2.1875ZM17.5 10.9375C16.5909 10.9375 15.8594 11.6689 15.8594 12.5781V20.2344C15.8594 21.1436 16.5909 21.875 17.5 21.875C18.4092 21.875 19.1407 21.1436 19.1407 20.2344V12.5781C19.1407 11.6689 18.4092 10.9375 17.5 10.9375ZM19.6875 26.25C19.6875 25.6698 19.4571 25.1134 19.0468 24.7032C18.6366 24.293 18.0802 24.0625 17.5 24.0625C16.9199 24.0625 16.3635 24.293 15.9532 24.7032C15.543 25.1134 15.3125 25.6698 15.3125 26.25C15.3125 26.8302 15.543 27.3866 15.9532 27.7968C16.3635 28.207 16.9199 28.4375 17.5 28.4375C18.0802 28.4375 18.6366 28.207 19.0468 27.7968C19.4571 27.3866 19.6875 26.8302 19.6875 26.25Z" fill="#E57E1F"/></g><defs><clipPath id="clip0_21_835"><rect width="35" height="35" fill="${this.color || 'black'}"/></clipPath></defs></svg>`;
+        case 'close':
+          return `<svg width="${this.size || 24}" height="${this.size || 24}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z" fill="${this.color || 'black'}" /></svg>`;
+        case 'return':
+          return `<svg width="${this.size || 24}" height="${this.size || 24}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M7.82843 10.9999H20V12.9999H7.82843L13.1924 18.3638L11.7782 19.778L4 11.9999L11.7782 4.22168L13.1924 5.63589L7.82843 10.9999Z" fill="${this.color || 'black'}" /></svg>`;
         default:
           return '';
       }
diff --git a/src/resources/vue/components/model.vue b/src/resources/vue/components/model.vue
index 298fb6a..6743f95 100644
--- a/src/resources/vue/components/model.vue
+++ b/src/resources/vue/components/model.vue
@@ -1,17 +1,19 @@
 <template>
     <div class="bg-modal" @click="toggleModal" v-if="showModal">
         <div v-if="showModal" class="modal" @click.stop>
-            <svg class="close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="transform: rotate(45deg);">
-                <path d="M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z"></path>
-            </svg>
-            <!-- <p class="modal-content">This is some content in the modal.</p> -->
+            <Icon class="close-icon" icon="close" color="#ff0000" />
             <slot></slot>
         </div>
     </div>
 </template>
 
 <script>
+import Icon from './icon.vue';
 export default {
+    title: 'Modal',
+    components: {
+        Icon
+    },
     data() {
         return {
             showModal: true
@@ -25,38 +27,37 @@ export default {
 };
 </script>
 
-<style scoped>
+<style lang="scss">
 .bg-modal {
-    position: absolute;
-    top: 0;
-    left: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    width: 100%;
-    height: 100%;
-    background-color: gray;
-}
-    .modal {
-        position: relative;
+        position: absolute;
+        top: 0;
+        left: 0;
         display: flex;
-        flex-direction: column;
         align-items: center;
         justify-content: center;
-        width: 80%;
-        /* width: 900px; */
-        height: 80%;
-        /* height: 550px; */
-        background-color: #1D243A;
-    }
+        flex-direction: column;
+        width: 100%;
+        height: 100%;
+        background-color: rgba(128, 128, 128, 0.7);
 
-.close-icon {
-    position: absolute;
-    height: 40px;
-    width: 40px;
-    top: 5px;
-    right: 5px;
-    fill: #fff;
-}
+        .modal {
+            position: relative;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            width: 80%;
+            height: 80%;
+            background-color: #1D243A;
+
+            .close-icon {
+                position: absolute;
+                height: 40px;
+                width: 40px;
+                top: 5px;
+                right: 5px;
+                fill: #fff;
+            }
+        }
+    }
 </style>
\ No newline at end of file
diff --git a/src/resources/vue/pages/index.vue b/src/resources/vue/pages/index.vue
index 505b780..04f7db5 100644
--- a/src/resources/vue/pages/index.vue
+++ b/src/resources/vue/pages/index.vue
@@ -1,8 +1,16 @@
 <template>
 	<h1>Hello World!</h1>
+  <model>
+    <p class="modal-content">This is some content in the modal.</p>
+  </model>
 </template>
 <script>
+import model from '../components/model.vue';
+
 export default {
   name: "Index",
+  components: {
+    model
+  },
 };
 </script>
\ No newline at end of file
diff --git a/src/resources/vue/scss/global.scss b/src/resources/vue/scss/global.scss
index ab61050..2108ebb 100644
--- a/src/resources/vue/scss/global.scss
+++ b/src/resources/vue/scss/global.scss
@@ -4,7 +4,7 @@
 html,
 body {
     font-family: $font-main;
-    //background-color: $color-dark-blue-100;
+    background-color: $color-dark-blue-100;
     color: $color-white;
 }
 
@@ -20,4 +20,4 @@ h6 {
 
 p {
     margin: 0;
-}
+}
\ No newline at end of file
diff --git a/src/yarn.lock b/src/yarn.lock
new file mode 100644
index 0000000..c524e15
--- /dev/null
+++ b/src/yarn.lock
@@ -0,0 +1,656 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@babel/parser@^7.23.6":
+  version "7.23.6"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.23.6.tgz#ba1c9e512bda72a47e285ae42aff9d2a635a9e3b"
+  integrity sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==
+
+"@esbuild/android-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz#984b4f9c8d0377443cc2dfcef266d02244593622"
+  integrity sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==
+
+"@esbuild/android-arm@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.18.20.tgz#fedb265bc3a589c84cc11f810804f234947c3682"
+  integrity sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==
+
+"@esbuild/android-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.18.20.tgz#35cf419c4cfc8babe8893d296cd990e9e9f756f2"
+  integrity sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==
+
+"@esbuild/darwin-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz#08172cbeccf95fbc383399a7f39cfbddaeb0d7c1"
+  integrity sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==
+
+"@esbuild/darwin-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz#d70d5790d8bf475556b67d0f8b7c5bdff053d85d"
+  integrity sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==
+
+"@esbuild/freebsd-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz#98755cd12707f93f210e2494d6a4b51b96977f54"
+  integrity sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==
+
+"@esbuild/freebsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz#c1eb2bff03915f87c29cece4c1a7fa1f423b066e"
+  integrity sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==
+
+"@esbuild/linux-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz#bad4238bd8f4fc25b5a021280c770ab5fc3a02a0"
+  integrity sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==
+
+"@esbuild/linux-arm@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz#3e617c61f33508a27150ee417543c8ab5acc73b0"
+  integrity sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==
+
+"@esbuild/linux-ia32@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz#699391cccba9aee6019b7f9892eb99219f1570a7"
+  integrity sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==
+
+"@esbuild/linux-loong64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz#e6fccb7aac178dd2ffb9860465ac89d7f23b977d"
+  integrity sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==
+
+"@esbuild/linux-mips64el@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz#eeff3a937de9c2310de30622a957ad1bd9183231"
+  integrity sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==
+
+"@esbuild/linux-ppc64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz#2f7156bde20b01527993e6881435ad79ba9599fb"
+  integrity sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==
+
+"@esbuild/linux-riscv64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz#6628389f210123d8b4743045af8caa7d4ddfc7a6"
+  integrity sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==
+
+"@esbuild/linux-s390x@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz#255e81fb289b101026131858ab99fba63dcf0071"
+  integrity sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==
+
+"@esbuild/linux-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz#c7690b3417af318a9b6f96df3031a8865176d338"
+  integrity sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==
+
+"@esbuild/netbsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz#30e8cd8a3dded63975e2df2438ca109601ebe0d1"
+  integrity sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==
+
+"@esbuild/openbsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz#7812af31b205055874c8082ea9cf9ab0da6217ae"
+  integrity sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==
+
+"@esbuild/sunos-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz#d5c275c3b4e73c9b0ecd38d1ca62c020f887ab9d"
+  integrity sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==
+
+"@esbuild/win32-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz#73bc7f5a9f8a77805f357fab97f290d0e4820ac9"
+  integrity sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==
+
+"@esbuild/win32-ia32@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz#ec93cbf0ef1085cc12e71e0d661d20569ff42102"
+  integrity sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==
+
+"@esbuild/win32-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz#786c5f41f043b07afb1af37683d7c33668858f6d"
+  integrity sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==
+
+"@inertiajs/core@1.0.14":
+  version "1.0.14"
+  resolved "https://registry.yarnpkg.com/@inertiajs/core/-/core-1.0.14.tgz#2b5f13b09141aa9b35bcabcdaeebb2b1d46e4465"
+  integrity sha512-S33PU6mWEYbn/s2Op+CJ6MN7ON354vWw8Y+UvtQzPt0r7pVgOuIArrqqsoulf9oQz9sbP1+vp/tCvyBzm4XmpA==
+  dependencies:
+    axios "^1.2.0"
+    deepmerge "^4.0.0"
+    nprogress "^0.2.0"
+    qs "^6.9.0"
+
+"@inertiajs/vue3@^1.0.14":
+  version "1.0.14"
+  resolved "https://registry.yarnpkg.com/@inertiajs/vue3/-/vue3-1.0.14.tgz#f0d8f4a781cfa215ec39c5a81512e2e5de4b33f0"
+  integrity sha512-lKL3Bm9k95Gw1GAq4RxgjfwSMfklkeMbvEfzwmsEBsZ4BbbWwfpC/+KS+4O4faTjjijczvkDPhMKv4duzFxtGw==
+  dependencies:
+    "@inertiajs/core" "1.0.14"
+    lodash.clonedeep "^4.5.0"
+    lodash.isequal "^4.5.0"
+
+"@jridgewell/sourcemap-codec@^1.4.15":
+  version "1.4.15"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
+  integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
+
+"@vitejs/plugin-vue@^4.5.0":
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-4.6.2.tgz#057d2ded94c4e71b94e9814f92dcd9306317aa46"
+  integrity sha512-kqf7SGFoG+80aZG6Pf+gsZIVvGSCKE98JbiWqcCV9cThtg91Jav0yvYFC9Zb+jKetNGF6ZKeoaxgZfND21fWKw==
+
+"@vue/compiler-core@3.4.7":
+  version "3.4.7"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.4.7.tgz#7c4d0f23a21e2e0e76ef9806b702712f23015e04"
+  integrity sha512-hhCaE3pTMrlIJK7M/o3Xf7HV8+JoNTGOQ/coWS+V+pH6QFFyqtoXqQzpqsNp7UK17xYKua/MBiKj4e1vgZOBYw==
+  dependencies:
+    "@babel/parser" "^7.23.6"
+    "@vue/shared" "3.4.7"
+    entities "^4.5.0"
+    estree-walker "^2.0.2"
+    source-map-js "^1.0.2"
+
+"@vue/compiler-dom@3.4.7":
+  version "3.4.7"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.4.7.tgz#19c41236b56f2d4b777521587aea129636c52417"
+  integrity sha512-qDKBAIurCTub4n/6jDYkXwgsFuriqqmmLrIq1N2QDfYJA/mwiwvxi09OGn28g+uDdERX9NaKDLji0oTjE3sScg==
+  dependencies:
+    "@vue/compiler-core" "3.4.7"
+    "@vue/shared" "3.4.7"
+
+"@vue/compiler-sfc@3.4.7":
+  version "3.4.7"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.4.7.tgz#2a50c25f163695a45ed7a085c82ee2b22f68f78d"
+  integrity sha512-Gec6CLkReVswDYjQFq79O5rktri4R7TsD/VPCiUoJw40JhNNxaNJJa8mrQrWoJluW4ETy6QN0NUyC/JO77OCOw==
+  dependencies:
+    "@babel/parser" "^7.23.6"
+    "@vue/compiler-core" "3.4.7"
+    "@vue/compiler-dom" "3.4.7"
+    "@vue/compiler-ssr" "3.4.7"
+    "@vue/shared" "3.4.7"
+    estree-walker "^2.0.2"
+    magic-string "^0.30.5"
+    postcss "^8.4.32"
+    source-map-js "^1.0.2"
+
+"@vue/compiler-ssr@3.4.7":
+  version "3.4.7"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.4.7.tgz#76020fad73d0beef0953946d2c5aacb3faafff84"
+  integrity sha512-PvYeSOvnCkST5mGS0TLwEn5w+4GavtEn6adcq8AspbHaIr+mId5hp7cG3ASy3iy8b+LuXEG2/QaV/nj5BQ/Aww==
+  dependencies:
+    "@vue/compiler-dom" "3.4.7"
+    "@vue/shared" "3.4.7"
+
+"@vue/devtools-api@^6.5.0":
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.5.1.tgz#7f71f31e40973eeee65b9a64382b13593fdbd697"
+  integrity sha512-+KpckaAQyfbvshdDW5xQylLni1asvNSGme1JFs8I1+/H5pHEhqUKMEQD/qn3Nx5+/nycBq11qAEi8lk+LXI2dA==
+
+"@vue/reactivity@3.4.7":
+  version "3.4.7"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.4.7.tgz#034064c673fe22718c79ab95bb05dd72ce17d709"
+  integrity sha512-F539DO0ogH0+L8F9Pnw7cjqibcmSOh5UTk16u5f4MKQ8fraqepI9zdh+sozPX6VmEHOcjo8qw3Or9ZcFFw4SZA==
+  dependencies:
+    "@vue/shared" "3.4.7"
+
+"@vue/runtime-core@3.4.7":
+  version "3.4.7"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.4.7.tgz#c1e59a2c190d36b23589545dd3a471ce9f63f784"
+  integrity sha512-QMMsWRQaD3BpGyjjChthpl4Mji4Fjx1qfdufsXlDkKU3HV+hWNor2z+29F+E1MmVcP0ZfRZUfqYgtsQoL7IGwQ==
+  dependencies:
+    "@vue/reactivity" "3.4.7"
+    "@vue/shared" "3.4.7"
+
+"@vue/runtime-dom@3.4.7":
+  version "3.4.7"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.4.7.tgz#b16c8be22a345dc5b63338b0d2bc3240a58ca6ac"
+  integrity sha512-XwegyUY1rw8zxsX1Z36vwYcqo+uOgih5ti7y9vx+pPFhNdSQmN4LqK2RmSeAJG1oKV8NqSUmjpv92f/x6h0SeQ==
+  dependencies:
+    "@vue/runtime-core" "3.4.7"
+    "@vue/shared" "3.4.7"
+    csstype "^3.1.3"
+
+"@vue/server-renderer@3.4.7":
+  version "3.4.7"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.4.7.tgz#97efcfeebd299d96ebd1817372f5a75ec3f3af96"
+  integrity sha512-3bWnYLEkLLhkDWqvNk7IvbQD4UcxvFKxELBiOO2iG3m6AniFIsBWfHOO5tLVQnjdWkODu4rq0GipmfEenVAK5Q==
+  dependencies:
+    "@vue/compiler-ssr" "3.4.7"
+    "@vue/shared" "3.4.7"
+
+"@vue/shared@3.4.7":
+  version "3.4.7"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.4.7.tgz#14fce32833f9f4811a2997c072f19e4adfed19d2"
+  integrity sha512-G+i4glX1dMJk88sbJEcQEGWRQnVm9eIY7CcQbO5dpdsD9SF8jka3Mr5OqZYGjczGN1+D6EUwdu6phcmcx9iuPA==
+
+anymatch@~3.1.2:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
+
+axios@^1.2.0, axios@^1.6.1:
+  version "1.6.5"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.6.5.tgz#2c090da14aeeab3770ad30c3a1461bc970fb0cd8"
+  integrity sha512-Ii012v05KEVuUoFWmMW/UQv9aRIc3ZwkWDcM+h5Il8izZCtRVpDUfwpoFf7eOtajT3QiGR4yDUx7lPqHJULgbg==
+  dependencies:
+    follow-redirects "^1.15.4"
+    form-data "^4.0.0"
+    proxy-from-env "^1.1.0"
+
+binary-extensions@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
+  integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
+
+braces@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
+  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
+  dependencies:
+    fill-range "^7.0.1"
+
+call-bind@^1.0.0:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.5.tgz#6fa2b7845ce0ea49bf4d8b9ef64727a2c2e2e513"
+  integrity sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==
+  dependencies:
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.1"
+    set-function-length "^1.1.1"
+
+"chokidar@>=3.0.0 <4.0.0":
+  version "3.5.3"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
+  integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+combined-stream@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
+  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
+  dependencies:
+    delayed-stream "~1.0.0"
+
+csstype@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
+  integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
+
+deepmerge@^4.0.0:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
+  integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
+
+define-data-property@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.1.tgz#c35f7cd0ab09883480d12ac5cb213715587800b3"
+  integrity sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==
+  dependencies:
+    get-intrinsic "^1.2.1"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.0"
+
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
+
+entities@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
+  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
+
+esbuild@^0.18.10:
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.18.20.tgz#4709f5a34801b43b799ab7d6d82f7284a9b7a7a6"
+  integrity sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==
+  optionalDependencies:
+    "@esbuild/android-arm" "0.18.20"
+    "@esbuild/android-arm64" "0.18.20"
+    "@esbuild/android-x64" "0.18.20"
+    "@esbuild/darwin-arm64" "0.18.20"
+    "@esbuild/darwin-x64" "0.18.20"
+    "@esbuild/freebsd-arm64" "0.18.20"
+    "@esbuild/freebsd-x64" "0.18.20"
+    "@esbuild/linux-arm" "0.18.20"
+    "@esbuild/linux-arm64" "0.18.20"
+    "@esbuild/linux-ia32" "0.18.20"
+    "@esbuild/linux-loong64" "0.18.20"
+    "@esbuild/linux-mips64el" "0.18.20"
+    "@esbuild/linux-ppc64" "0.18.20"
+    "@esbuild/linux-riscv64" "0.18.20"
+    "@esbuild/linux-s390x" "0.18.20"
+    "@esbuild/linux-x64" "0.18.20"
+    "@esbuild/netbsd-x64" "0.18.20"
+    "@esbuild/openbsd-x64" "0.18.20"
+    "@esbuild/sunos-x64" "0.18.20"
+    "@esbuild/win32-arm64" "0.18.20"
+    "@esbuild/win32-ia32" "0.18.20"
+    "@esbuild/win32-x64" "0.18.20"
+
+estree-walker@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
+  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
+
+fill-range@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
+  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
+  dependencies:
+    to-regex-range "^5.0.1"
+
+follow-redirects@^1.15.4:
+  version "1.15.4"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.4.tgz#cdc7d308bf6493126b17ea2191ea0ccf3e535adf"
+  integrity sha512-Cr4D/5wlrb0z9dgERpUL3LrmPKVDsETIJhaCMeDfuFYcqa5bldGV6wBsAN6X/vxlXQtFBMrXdXxdL8CbDTGniw==
+
+form-data@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
+  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
+fsevents@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
+function-bind@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
+
+get-intrinsic@^1.0.2, get-intrinsic@^1.1.3, get-intrinsic@^1.2.1, get-intrinsic@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.2.tgz#281b7622971123e1ef4b3c90fd7539306da93f3b"
+  integrity sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==
+  dependencies:
+    function-bind "^1.1.2"
+    has-proto "^1.0.1"
+    has-symbols "^1.0.3"
+    hasown "^2.0.0"
+
+glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
+gopd@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c"
+  integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==
+  dependencies:
+    get-intrinsic "^1.1.3"
+
+has-property-descriptors@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz#52ba30b6c5ec87fd89fa574bc1c39125c6f65340"
+  integrity sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==
+  dependencies:
+    get-intrinsic "^1.2.2"
+
+has-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.1.tgz#1885c1305538958aff469fef37937c22795408e0"
+  integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==
+
+has-symbols@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
+  integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
+
+hasown@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.0.tgz#f4c513d454a57b7c7e1650778de226b11700546c"
+  integrity sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==
+  dependencies:
+    function-bind "^1.1.2"
+
+immutable@^4.0.0:
+  version "4.3.4"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.3.4.tgz#2e07b33837b4bb7662f288c244d1ced1ef65a78f"
+  integrity sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==
+
+is-binary-path@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
+  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
+  dependencies:
+    binary-extensions "^2.0.0"
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+is-glob@^4.0.1, is-glob@~4.0.1:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+laravel-vite-plugin@^0.8.0:
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/laravel-vite-plugin/-/laravel-vite-plugin-0.8.1.tgz#5e077944946c02008993f7cece8c36144a25c433"
+  integrity sha512-fxzUDjOA37kOsYq8dP+3oPIlw8/kJVXwu0hOXLun82R1LpV02shGeWGYKx2lbpKffL5I0sfPPjfqbYxuqBluAA==
+  dependencies:
+    picocolors "^1.0.0"
+    vite-plugin-full-reload "^1.0.5"
+
+lodash.clonedeep@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
+  integrity sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==
+
+lodash.isequal@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0"
+  integrity sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==
+
+magic-string@^0.30.5:
+  version "0.30.5"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.5.tgz#1994d980bd1c8835dc6e78db7cbd4ae4f24746f9"
+  integrity sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.4.15"
+
+mime-db@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.12:
+  version "2.1.35"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
+nanoid@^3.3.7:
+  version "3.3.7"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8"
+  integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==
+
+normalize-path@^3.0.0, normalize-path@~3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
+  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
+
+nprogress@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/nprogress/-/nprogress-0.2.0.tgz#cb8f34c53213d895723fcbab907e9422adbcafb1"
+  integrity sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==
+
+object-inspect@^1.9.0:
+  version "1.13.1"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.1.tgz#b96c6109324ccfef6b12216a956ca4dc2ff94bc2"
+  integrity sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==
+
+picocolors@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
+  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
+
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
+pinia@^2.1.7:
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/pinia/-/pinia-2.1.7.tgz#4cf5420d9324ca00b7b4984d3fbf693222115bbc"
+  integrity sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==
+  dependencies:
+    "@vue/devtools-api" "^6.5.0"
+    vue-demi ">=0.14.5"
+
+postcss@^8.4.27, postcss@^8.4.32:
+  version "8.4.33"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.33.tgz#1378e859c9f69bf6f638b990a0212f43e2aaa742"
+  integrity sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==
+  dependencies:
+    nanoid "^3.3.7"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
+proxy-from-env@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+
+qs@^6.9.0:
+  version "6.11.2"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.2.tgz#64bea51f12c1f5da1bc01496f48ffcff7c69d7d9"
+  integrity sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==
+  dependencies:
+    side-channel "^1.0.4"
+
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+  dependencies:
+    picomatch "^2.2.1"
+
+rollup@^3.27.1:
+  version "3.29.4"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.29.4.tgz#4d70c0f9834146df8705bfb69a9a19c9e1109981"
+  integrity sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+sass@^1.69.5:
+  version "1.69.7"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.69.7.tgz#6e7e1c8f51e8162faec3e9619babc7da780af3b7"
+  integrity sha512-rzj2soDeZ8wtE2egyLXgOOHQvaC2iosZrkF6v3EUG+tBwEvhqUCzm0VP3k9gHF9LXbSrRhT5SksoI56Iw8NPnQ==
+  dependencies:
+    chokidar ">=3.0.0 <4.0.0"
+    immutable "^4.0.0"
+    source-map-js ">=0.6.2 <2.0.0"
+
+set-function-length@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.1.1.tgz#4bc39fafb0307224a33e106a7d35ca1218d659ed"
+  integrity sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==
+  dependencies:
+    define-data-property "^1.1.1"
+    get-intrinsic "^1.2.1"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.0"
+
+side-channel@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
+  integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==
+  dependencies:
+    call-bind "^1.0.0"
+    get-intrinsic "^1.0.2"
+    object-inspect "^1.9.0"
+
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
+  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
+
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
+vite-plugin-full-reload@^1.0.5:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/vite-plugin-full-reload/-/vite-plugin-full-reload-1.1.0.tgz#ca6fa32631024a459ea9e5613dd4c0ff0f3b7995"
+  integrity sha512-3cObNDzX6DdfhD9E7kf6w2mNunFpD7drxyNgHLw+XwIYAgb+Xt16SEXo0Up4VH+TMf3n+DSVJZtW2POBGcBYAA==
+  dependencies:
+    picocolors "^1.0.0"
+    picomatch "^2.3.1"
+
+vite@^4.0.0:
+  version "4.5.1"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-4.5.1.tgz#3370986e1ed5dbabbf35a6c2e1fb1e18555b968a"
+  integrity sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==
+  dependencies:
+    esbuild "^0.18.10"
+    postcss "^8.4.27"
+    rollup "^3.27.1"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+vue-demi@>=0.14.5:
+  version "0.14.6"
+  resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.14.6.tgz#dc706582851dc1cdc17a0054f4fec2eb6df74c92"
+  integrity sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==
+
+vue-toastification@^2.0.0-rc.5:
+  version "2.0.0-rc.5"
+  resolved "https://registry.yarnpkg.com/vue-toastification/-/vue-toastification-2.0.0-rc.5.tgz#92798604d806ae473cfb76ed776fae294280f8f8"
+  integrity sha512-q73e5jy6gucEO/U+P48hqX+/qyXDozAGmaGgLFm5tXX4wJBcVsnGp4e/iJqlm9xzHETYOilUuwOUje2Qg1JdwA==
+
+vue@^3.3.8:
+  version "3.4.7"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.4.7.tgz#b9673ceaf3400b7e65031140d14be6a27b52f301"
+  integrity sha512-4urmkWpudekq0CPNMO7p6mBGa9qmTXwJMO2r6CT4EzIJVG7WoSReiysiNb7OSi/WI113oX0Srn9Rz1k/DCXKFQ==
+  dependencies:
+    "@vue/compiler-dom" "3.4.7"
+    "@vue/compiler-sfc" "3.4.7"
+    "@vue/runtime-dom" "3.4.7"
+    "@vue/server-renderer" "3.4.7"
+    "@vue/shared" "3.4.7"

From f7625e33bb05702078f931c604368bc67eccc464 Mon Sep 17 00:00:00 2001
From: Student Huib van der Gronde <hgronde1198@student.landstede.nl>
Date: Wed, 10 Jan 2024 15:06:09 +0100
Subject: [PATCH 5/7] changes after second review

---
 src/resources/vue/components/add-line.svg        |   1 -
 .../vue/components/arrow-go-back-fill.svg        |   1 -
 src/resources/vue/components/close.png           | Bin 6536 -> 0 bytes
 src/resources/vue/components/icon.vue            |   2 +-
 .../vue/components/{model.vue => modal.vue}      |   0
 src/resources/vue/pages/index.vue                |   8 --------
 6 files changed, 1 insertion(+), 11 deletions(-)
 delete mode 100644 src/resources/vue/components/add-line.svg
 delete mode 100644 src/resources/vue/components/arrow-go-back-fill.svg
 delete mode 100644 src/resources/vue/components/close.png
 rename src/resources/vue/components/{model.vue => modal.vue} (100%)

diff --git a/src/resources/vue/components/add-line.svg b/src/resources/vue/components/add-line.svg
deleted file mode 100644
index 4fed9cd..0000000
--- a/src/resources/vue/components/add-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z"></path></svg>
\ No newline at end of file
diff --git a/src/resources/vue/components/arrow-go-back-fill.svg b/src/resources/vue/components/arrow-go-back-fill.svg
deleted file mode 100644
index 38e595d..0000000
--- a/src/resources/vue/components/arrow-go-back-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8 7V11L2 6L8 1V5H13C17.4183 5 21 8.58172 21 13C21 17.4183 17.4183 21 13 21H4V19H13C16.3137 19 19 16.3137 19 13C19 9.68629 16.3137 7 13 7H8Z"></path></svg>
\ No newline at end of file
diff --git a/src/resources/vue/components/close.png b/src/resources/vue/components/close.png
deleted file mode 100644
index 45e82a40c041d1f617d873e625a9a724f982b396..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6536
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

diff --git a/src/resources/vue/components/icon.vue b/src/resources/vue/components/icon.vue
index 99257d9..9eb8f51 100644
--- a/src/resources/vue/components/icon.vue
+++ b/src/resources/vue/components/icon.vue
@@ -25,7 +25,7 @@ export default {
         case 'close':
           return `<svg width="${this.size || 24}" height="${this.size || 24}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z" fill="${this.color || 'black'}" /></svg>`;
         case 'return':
-          return `<svg width="${this.size || 24}" height="${this.size || 24}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M7.82843 10.9999H20V12.9999H7.82843L13.1924 18.3638L11.7782 19.778L4 11.9999L11.7782 4.22168L13.1924 5.63589L7.82843 10.9999Z" fill="${this.color || 'black'}" /></svg>`;
+          return `<svg width="${this.size || 24}" height="${this.size || 24}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M7.82843 10.9999H20V12.9999H7.82843L13.1924 18.3638L11.7782 19.778L4 11.9999L11.7782 4.22168L13.1924 5.63589L7.82843 10.9999Z" fill="${this.color || 'white'}" /></svg>`;
         default:
           return '';
       }
diff --git a/src/resources/vue/components/model.vue b/src/resources/vue/components/modal.vue
similarity index 100%
rename from src/resources/vue/components/model.vue
rename to src/resources/vue/components/modal.vue
diff --git a/src/resources/vue/pages/index.vue b/src/resources/vue/pages/index.vue
index 04f7db5..505b780 100644
--- a/src/resources/vue/pages/index.vue
+++ b/src/resources/vue/pages/index.vue
@@ -1,16 +1,8 @@
 <template>
 	<h1>Hello World!</h1>
-  <model>
-    <p class="modal-content">This is some content in the modal.</p>
-  </model>
 </template>
 <script>
-import model from '../components/model.vue';
-
 export default {
   name: "Index",
-  components: {
-    model
-  },
 };
 </script>
\ No newline at end of file

From 1e03707462128038eb799700e404b2461bf8e8e4 Mon Sep 17 00:00:00 2001
From: Student Huib van der Gronde <hgronde1198@student.landstede.nl>
Date: Thu, 11 Jan 2024 13:07:45 +0100
Subject: [PATCH 6/7] prettier used and formatted it

---
 src/resources/vue/components/modal.vue | 96 +++++++++++++-------------
 1 file changed, 48 insertions(+), 48 deletions(-)

diff --git a/src/resources/vue/components/modal.vue b/src/resources/vue/components/modal.vue
index 6743f95..f42109d 100644
--- a/src/resources/vue/components/modal.vue
+++ b/src/resources/vue/components/modal.vue
@@ -1,63 +1,63 @@
 <template>
-    <div class="bg-modal" @click="toggleModal" v-if="showModal">
-        <div v-if="showModal" class="modal" @click.stop>
-            <Icon class="close-icon" icon="close" color="#ff0000" />
-            <slot></slot>
-        </div>
+  <div class="bg-modal" @click="toggleModal" v-if="showModal">
+    <div v-if="showModal" class="modal" @click.stop>
+      <Icon class="close-icon" icon="close" color="#ff0000" />
+      <slot></slot>
     </div>
+  </div>
 </template>
 
 <script>
-import Icon from './icon.vue';
+import Icon from "./icon.vue";
 export default {
-    title: 'Modal',
-    components: {
-        Icon
+  title: "Modal",
+  components: {
+    Icon,
+  },
+  data() {
+    return {
+      showModal: true,
+    };
+  },
+  methods: {
+    toggleModal() {
+      this.showModal = !this.showModal;
     },
-    data() {
-        return {
-            showModal: true
-        };
-    },
-    methods: {
-        toggleModal() {
-            this.showModal = !this.showModal;
-        }
-    }
+  },
 };
 </script>
 
 <style lang="scss">
 .bg-modal {
-        position: absolute;
-        top: 0;
-        left: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-direction: column;
-        width: 100%;
-        height: 100%;
-        background-color: rgba(128, 128, 128, 0.7);
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(128, 128, 128, 0.7);
 
-        .modal {
-            position: relative;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            width: 80%;
-            height: 80%;
-            background-color: #1D243A;
+  .modal {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 80%;
+    height: 80%;
+    background-color: #1d243a;
 
-            .close-icon {
-                position: absolute;
-                height: 40px;
-                width: 40px;
-                top: 5px;
-                right: 5px;
-                fill: #fff;
-            }
-        }
+    .close-icon {
+      position: absolute;
+      height: 40px;
+      width: 40px;
+      top: 5px;
+      right: 5px;
+      fill: #fff;
     }
-</style>
\ No newline at end of file
+  }
+}
+</style>

From 709ce060f88adb068c106d02d233366d92a50bde Mon Sep 17 00:00:00 2001
From: Student Huib van der Gronde <hgronde1198@student.landstede.nl>
Date: Thu, 11 Jan 2024 13:33:13 +0100
Subject: [PATCH 7/7] another file formatted

---
 src/resources/vue/components/icon.vue | 66 +++++++++++++++++++--------
 1 file changed, 47 insertions(+), 19 deletions(-)

diff --git a/src/resources/vue/components/icon.vue b/src/resources/vue/components/icon.vue
index 9eb8f51..735f7c1 100644
--- a/src/resources/vue/components/icon.vue
+++ b/src/resources/vue/components/icon.vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-html="iconSVG"></div>
+  <div v-html="iconSVG"></div>
 </template>
 
 <script>
@@ -12,26 +12,54 @@ export default {
   computed: {
     iconSVG() {
       switch (this.icon) {
-        case 'full-star':
-          return `<svg width="${this.size || 24}" height="${this.size || 24}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0008 17L6.12295 20.5902L7.72105 13.8906L2.49023 9.40983L9.35577 8.85942L12.0008 2.5L14.6458 8.85942L21.5114 9.40983L16.2806 13.8906L17.8787 20.5902L12.0008 17Z" fill="${this.color || 'black'}"/></svg>`;
-        case 'half-star':
-          return `<svg width="${this.size || 24}" height="${this.size || 24}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0008 14.6564L14.8175 16.3769L14.0517 13.1664L16.5583 11.0192L13.2683 10.7554L12.0008 7.70792V14.6564ZM12.0008 17L6.12295 20.5902L7.72105 13.8906L2.49023 9.40983L9.35577 8.85942L12.0008 2.5L14.6458 8.85942L21.5114 9.40983L16.2806 13.8906L17.8787 20.5902L12.0008 17Z" fill="${this.color || 'black'}"/></svg>`;
-        case 'empty-star':
-          return `<svg width="${this.size || 24}" height="${this.size || 24}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0008 17L6.12295 20.5902L7.72105 13.8906L2.49023 9.40983L9.35577 8.85942L12.0008 2.5L14.6458 8.85942L21.5114 9.40983L16.2806 13.8906L17.8787 20.5902L12.0008 17ZM12.0008 14.6564L14.8175 16.3769L14.0517 13.1664L16.5583 11.0192L13.2683 10.7554L12.0008 7.70792L10.7333 10.7554L7.44326 11.0192L9.94991 13.1664L9.18408 16.3769L12.0008 14.6564Z" fill="${this.color || 'black'}"/></svg>`;
-        case 'book':
-          return `<svg width="${this.size || 24}" height="${this.size || 24}" viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.4337 7C20.7734 7 20.2074 7.09434 19.6413 7.28301C15.9622 8.03771 13.0377 10.9622 12.283 14.6413C12 15.2074 12 15.7734 12 16.4337V68.3194C12 76.1494 18.3206 82.47 26.1506 82.47H78.0362V73.0362H26.1506C23.5092 73.0362 21.4337 70.9608 21.4337 68.3194C21.4337 65.6779 23.5092 63.6025 26.1506 63.6025H78.0362V11.7169C78.0362 9.07542 75.9608 7 73.3194 7H68.6025V35.3012L59.1687 25.8675L49.735 35.3012V7H21.4337Z" fill="${this.color || 'black'}"/></svg>`;
-        case 'warning':
-          return `<svg width="${this.size || 24}" height="${this.size || 24}" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_21_835)"><path d="M17.5 2.1875C18.4707 2.1875 19.3663 2.7002 19.8584 3.54102L34.6241 28.6973C35.1231 29.5449 35.1231 30.5908 34.6377 31.4385C34.1524 32.2861 33.2432 32.8125 32.2657 32.8125H2.73442C1.75688 32.8125 0.847697 32.2861 0.362345 31.4385C-0.123007 30.5908 -0.116171 29.5381 0.376017 28.6973L15.1416 3.54102C15.6338 2.7002 16.5293 2.1875 17.5 2.1875ZM17.5 10.9375C16.5909 10.9375 15.8594 11.6689 15.8594 12.5781V20.2344C15.8594 21.1436 16.5909 21.875 17.5 21.875C18.4092 21.875 19.1407 21.1436 19.1407 20.2344V12.5781C19.1407 11.6689 18.4092 10.9375 17.5 10.9375ZM19.6875 26.25C19.6875 25.6698 19.4571 25.1134 19.0468 24.7032C18.6366 24.293 18.0802 24.0625 17.5 24.0625C16.9199 24.0625 16.3635 24.293 15.9532 24.7032C15.543 25.1134 15.3125 25.6698 15.3125 26.25C15.3125 26.8302 15.543 27.3866 15.9532 27.7968C16.3635 28.207 16.9199 28.4375 17.5 28.4375C18.0802 28.4375 18.6366 28.207 19.0468 27.7968C19.4571 27.3866 19.6875 26.8302 19.6875 26.25Z" fill="#E57E1F"/></g><defs><clipPath id="clip0_21_835"><rect width="35" height="35" fill="${this.color || 'black'}"/></clipPath></defs></svg>`;
-        case 'close':
-          return `<svg width="${this.size || 24}" height="${this.size || 24}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z" fill="${this.color || 'black'}" /></svg>`;
-        case 'return':
-          return `<svg width="${this.size || 24}" height="${this.size || 24}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M7.82843 10.9999H20V12.9999H7.82843L13.1924 18.3638L11.7782 19.778L4 11.9999L11.7782 4.22168L13.1924 5.63589L7.82843 10.9999Z" fill="${this.color || 'white'}" /></svg>`;
+        case "full-star":
+          return `<svg width="${this.size || 24}" height="${
+            this.size || 24
+          }" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0008 17L6.12295 20.5902L7.72105 13.8906L2.49023 9.40983L9.35577 8.85942L12.0008 2.5L14.6458 8.85942L21.5114 9.40983L16.2806 13.8906L17.8787 20.5902L12.0008 17Z" fill="${
+            this.color || "black"
+          }"/></svg>`;
+        case "half-star":
+          return `<svg width="${this.size || 24}" height="${
+            this.size || 24
+          }" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0008 14.6564L14.8175 16.3769L14.0517 13.1664L16.5583 11.0192L13.2683 10.7554L12.0008 7.70792V14.6564ZM12.0008 17L6.12295 20.5902L7.72105 13.8906L2.49023 9.40983L9.35577 8.85942L12.0008 2.5L14.6458 8.85942L21.5114 9.40983L16.2806 13.8906L17.8787 20.5902L12.0008 17Z" fill="${
+            this.color || "black"
+          }"/></svg>`;
+        case "empty-star":
+          return `<svg width="${this.size || 24}" height="${
+            this.size || 24
+          }" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0008 17L6.12295 20.5902L7.72105 13.8906L2.49023 9.40983L9.35577 8.85942L12.0008 2.5L14.6458 8.85942L21.5114 9.40983L16.2806 13.8906L17.8787 20.5902L12.0008 17ZM12.0008 14.6564L14.8175 16.3769L14.0517 13.1664L16.5583 11.0192L13.2683 10.7554L12.0008 7.70792L10.7333 10.7554L7.44326 11.0192L9.94991 13.1664L9.18408 16.3769L12.0008 14.6564Z" fill="${
+            this.color || "black"
+          }"/></svg>`;
+        case "book":
+          return `<svg width="${this.size || 24}" height="${
+            this.size || 24
+          }" viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.4337 7C20.7734 7 20.2074 7.09434 19.6413 7.28301C15.9622 8.03771 13.0377 10.9622 12.283 14.6413C12 15.2074 12 15.7734 12 16.4337V68.3194C12 76.1494 18.3206 82.47 26.1506 82.47H78.0362V73.0362H26.1506C23.5092 73.0362 21.4337 70.9608 21.4337 68.3194C21.4337 65.6779 23.5092 63.6025 26.1506 63.6025H78.0362V11.7169C78.0362 9.07542 75.9608 7 73.3194 7H68.6025V35.3012L59.1687 25.8675L49.735 35.3012V7H21.4337Z" fill="${
+            this.color || "black"
+          }"/></svg>`;
+        case "warning":
+          return `<svg width="${this.size || 24}" height="${
+            this.size || 24
+          }" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_21_835)"><path d="M17.5 2.1875C18.4707 2.1875 19.3663 2.7002 19.8584 3.54102L34.6241 28.6973C35.1231 29.5449 35.1231 30.5908 34.6377 31.4385C34.1524 32.2861 33.2432 32.8125 32.2657 32.8125H2.73442C1.75688 32.8125 0.847697 32.2861 0.362345 31.4385C-0.123007 30.5908 -0.116171 29.5381 0.376017 28.6973L15.1416 3.54102C15.6338 2.7002 16.5293 2.1875 17.5 2.1875ZM17.5 10.9375C16.5909 10.9375 15.8594 11.6689 15.8594 12.5781V20.2344C15.8594 21.1436 16.5909 21.875 17.5 21.875C18.4092 21.875 19.1407 21.1436 19.1407 20.2344V12.5781C19.1407 11.6689 18.4092 10.9375 17.5 10.9375ZM19.6875 26.25C19.6875 25.6698 19.4571 25.1134 19.0468 24.7032C18.6366 24.293 18.0802 24.0625 17.5 24.0625C16.9199 24.0625 16.3635 24.293 15.9532 24.7032C15.543 25.1134 15.3125 25.6698 15.3125 26.25C15.3125 26.8302 15.543 27.3866 15.9532 27.7968C16.3635 28.207 16.9199 28.4375 17.5 28.4375C18.0802 28.4375 18.6366 28.207 19.0468 27.7968C19.4571 27.3866 19.6875 26.8302 19.6875 26.25Z" fill="#E57E1F"/></g><defs><clipPath id="clip0_21_835"><rect width="35" height="35" fill="${
+            this.color || "black"
+          }"/></clipPath></defs></svg>`;
+        case "close":
+          return `<svg width="${this.size || 24}" height="${
+            this.size || 24
+          }" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z" fill="${
+            this.color || "black"
+          }" /></svg>`;
+        case "return":
+          return `<svg width="${this.size || 24}" height="${
+            this.size || 24
+          }" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M7.82843 10.9999H20V12.9999H7.82843L13.1924 18.3638L11.7782 19.778L4 11.9999L11.7782 4.22168L13.1924 5.63589L7.82843 10.9999Z" fill="${
+            this.color || "white"
+          }" /></svg>`;
         default:
-          return '';
+          return "";
       }
-    }
-  }
-}
+    },
+  },
+};
 </script>
 
 <style></style>