- vue composition api (#91)

* wip

* fix

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

resources/js/Shared/Widgets/Welcome.vue

@@ -0,0 +1,35 @@
+<template>
+  <section>
+    <div class=" bg-white overflow-hidden shadow">
+      <div class="bg-white p-6">
+        <div class="sm:flex sm:items-center sm:justify-between">
+          <div class="sm:flex sm:space-x-5">
+            <div class="flex-shrink-0">
+              <img
+                class="mx-auto h-20 w-20 rounded-full"
+                :src="user.avatar"
+              >
+            </div>
+            <div class="mt-4 text-center sm:mt-0 sm:pt-1 sm:text-left">
+              <p class="text-sm font-medium text-gray-600">
+                Cześć,
+              </p>
+              <p class="text-xl font-bold text-gray-900 sm:text-2xl">
+                {{ user.name }}
+              </p>
+              <p class="text-sm font-medium text-gray-600">
+                {{ user.role }}
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</template>
+
+<script setup>
+defineProps({
+  user: Object,
+})
+</script>