sprintify-ui 0.0.54 → 0.0.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.54",
+  "version": "0.0.56",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseAvatar.vue

@@ -3,7 +3,7 @@
     <img
       :src="user.avatar_url"
       :class="[sizeClass, detailsPosition == 'left' ? 'order-2' : 'order-1']"
-      class="shrink-0 overflow-hidden rounded-full"
+      class="shrink-0 overflow-hidden rounded-full object-cover object-center"
     />
     <div
       v-if="showDetails"

package/src/components/BaseBreadcrumbs.stories.js

@@ -15,7 +15,7 @@ const breadcrumbs = [
     to: '/users/1',
   },
   {
-    label: 'Settings',
+    label: 'Very long title this is a very long title that will be truncated',
     to: '/users/1/settings',
   },
 ];

package/src/components/BaseBreadcrumbs.vue

@@ -34,7 +34,7 @@
                   <BaseIcon :icon="breadcrumb.icon" />
                 </span>
                 <span v-else>
-                  {{ breadcrumb.label }}
+                  {{ truncate(breadcrumb.label) }}
                 </span>
               </a>
             </RouterLink>
@@ -61,6 +61,7 @@
 <script lang="ts" setup>
 import { PropType } from 'vue';
 import { Breadcrumb } from '@/types';
+import { truncate } from 'lodash';
 
 const props = defineProps({
   breadcrumbs: {

package/src/components/BaseSelect.vue

@@ -127,7 +127,14 @@ function validModelValue(): boolean {
  */
 watch(
   () => props.modelValue,
-  () => validateAndFixModelVale()
+  () => {
+    // Let the select re-render before validating
+    // The validation depends on the select options,
+    // which needs to be rendered first
+    nextTick(() => {
+      validateAndFixModelVale();
+    });
+  }
 );
 
 /**