sprintify-ui 0.0.69 → 0.0.71

package/package.json

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

package/src/components/BaseDataIterator.stories.js

@@ -18,7 +18,7 @@ export default {
 };
 
 const template = `
-<BaseDataIterator v-bind="args">
+<BaseDataIterator v-bind="args" :url-query="urlQuery">
   <template #default="{ items, loading }">
     <div class="relative">
       <div class="space-y-1.5">
@@ -106,7 +106,15 @@ const Template = (args) => ({
     BaseSelect,
   },
   setup() {
-    return { args };
+    const urlQuery = ref({});
+
+    setTimeout(() => {
+      urlQuery.value = {
+        type: 'video',
+      };
+    }, 3000);
+
+    return { args, urlQuery };
   },
   template: template,
 });

package/src/components/BaseDataIterator.vue

@@ -471,6 +471,13 @@ watch(
   }
 );
 
+watch(
+  () => props.urlQuery,
+  () => {
+    fetch();
+  }
+);
+
 function getRouteQuery() {
   return config.parseQueryString(window.location.search.replace(/^(\?)/, ''));
 }

package/src/components/BaseNavbarSideItem.vue

@@ -62,8 +62,6 @@ const props = defineProps({
 
 const emit = defineEmits(['click']);
 
-const router = useRouter();
-
 async function onClick() {
   emit('click');
 }
@@ -73,11 +71,9 @@ const routeActive = computed((): boolean => {
     return false;
   }
 
-  const itemRoute = router.resolve(props.item.to);
+  const link = useLink({ to: props.item.to });
 
-  return router.currentRoute.value.matched.some((route) => {
-    return itemRoute.path == route.path;
-  });
+  return link.isActive.value;
 });
 
 const showSubActions = computed((): boolean => {