- vue composition api (#91)

* wip

* fix

Co-authored-by: EwelinaLasowy <ewelina.lasowy@blumilk.pl>

resources/js/Shared/Status.vue

@@ -2,36 +2,21 @@
   <div class="flex items-center">
     <component
       :is="statusInfo.solid.icon"
-      :class="[statusInfo.solid.color ,'w-5 h-5 mr-1']"
+      :class="[statusInfo.solid.color, 'w-5 h-5 mr-1']"
     />
     <span>{{ statusInfo.text }}</span>
   </div>
 </template>
 
-<script>
-import {computed} from 'vue'
-import {useStatusInfo} from '@/Composables/statusInfo'
+<script setup>
+import { computed } from 'vue'
+import { useStatusInfo } from '@/Composables/statusInfo'
 
-export default {
-  name: 'VacationRequestStatus',
-  props: {
-    status: {
-      type: String,
-      default: () => null,
-    },
-    last: {
-      type: Boolean,
-      default: () => false,
-    },
-  },
-  setup(props) {
-    const { findStatus } = useStatusInfo()
+const props = defineProps({
+  status: String,
+})
 
-    const statusInfo = computed(() => findStatus(props.status))
+const { findStatus } = useStatusInfo()
 
-    return {
-      statusInfo,
-    }
-  },
-}
+const statusInfo = computed(() => findStatus(props.status))
 </script>