initial commit

resources/js/Components/NavBarItemLabel.vue

@@ -0,0 +1,28 @@
+<script setup>
+import BaseIcon from '@/Components/BaseIcon.vue'
+
+defineProps({
+  icon: {
+    type: String,
+    default: null
+  },
+  label: {
+    type: String,
+    required: true
+  },
+  isDesktopIconOnly: Boolean
+})
+</script>
+
+<template>
+  <slot />
+  <BaseIcon
+    v-if="icon"
+    :path="icon"
+    class="transition-colors"
+  />
+  <span
+    class="px-2 transition-colors"
+    :class="{ 'lg:hidden':isDesktopIconOnly && icon }"
+  >{{ label }}</span>
+</template>