@fastkit/vui 0.18.34 → 0.19.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fastkit/vui",
-  "version": "0.18.34",
+  "version": "0.19.0",
   "description": "A simple, extensible UI kit for Vue applications.",
   "keywords": [
     "fastkit",
@@ -30,48 +30,39 @@
     },
     "./*": "./dist/*"
   },
-  "main": "./dist/vui.mjs",
-  "types": "./dist/vui.d.ts",
-  "typesVersions": {
-    "*": {
-      ".": [
-        "./dist/vui.d.ts"
-      ]
-    }
-  },
   "files": [
     "dist",
     "src"
   ],
   "dependencies": {
-    "@fastkit/color-scheme": "1.0.15",
-    "@fastkit/dom": "0.1.8",
-    "@fastkit/helpers": "0.13.8",
-    "@fastkit/color-scheme-gen": "0.13.15",
-    "@fastkit/icon-font": "1.0.10",
-    "@fastkit/media-match": "1.0.10",
-    "@fastkit/rules": "0.13.10",
-    "@fastkit/media-match-gen": "0.13.15",
-    "@fastkit/vue-action": "0.2.22",
-    "@fastkit/stylebase": "0.13.1",
-    "@fastkit/tiny-logger": "0.13.8",
-    "@fastkit/vue-click-outside": "0.1.20",
-    "@fastkit/vue-app-layout": "0.14.22",
-    "@fastkit/vue-body-scroll-lock": "0.1.19",
-    "@fastkit/vue-form-control": "0.19.19",
-    "@fastkit/vue-color-scheme": "0.14.19",
-    "@fastkit/vue-keyboard": "0.1.8",
-    "@fastkit/vue-loading": "0.14.20",
-    "@fastkit/vue-resize": "0.1.19",
-    "@fastkit/vue-location": "0.1.26",
-    "@fastkit/vue-stack": "0.15.53",
-    "@fastkit/vue-scroller": "0.14.21",
-    "@fastkit/vue-transitions": "0.1.23",
-    "@fastkit/vue-utils": "0.14.17",
-    "@fastkit/vue-media-match": "0.13.15"
+    "@fastkit/dom": "0.2.0",
+    "@fastkit/color-scheme-gen": "0.14.0",
+    "@fastkit/color-scheme": "2.0.0",
+    "@fastkit/helpers": "0.14.0",
+    "@fastkit/media-match": "2.0.0",
+    "@fastkit/icon-font": "2.0.0",
+    "@fastkit/tiny-logger": "0.14.0",
+    "@fastkit/rules": "0.14.0",
+    "@fastkit/vue-action": "0.3.0",
+    "@fastkit/media-match-gen": "0.14.0",
+    "@fastkit/vue-body-scroll-lock": "0.2.0",
+    "@fastkit/vue-app-layout": "0.15.0",
+    "@fastkit/vue-click-outside": "0.2.0",
+    "@fastkit/vue-keyboard": "0.2.0",
+    "@fastkit/vue-form-control": "0.20.0",
+    "@fastkit/vue-loading": "0.15.0",
+    "@fastkit/vue-location": "0.2.0",
+    "@fastkit/vue-color-scheme": "0.15.0",
+    "@fastkit/vue-media-match": "0.14.0",
+    "@fastkit/vue-resize": "0.2.0",
+    "@fastkit/vue-scroller": "0.15.0",
+    "@fastkit/vue-stack": "0.16.0",
+    "@fastkit/vue-transitions": "0.2.0",
+    "@fastkit/vue-utils": "0.15.0",
+    "@fastkit/stylebase": "0.13.1"
   },
   "peerDependencies": {
-    "vue": "^3.3.0",
+    "vue": "^3.4.0",
     "vue-router": "^4.2.0"
   },
   "buildOptions": {

package/src/components/VBusyImage/VBusyImage.tsx

@@ -172,21 +172,26 @@ export const VBusyImage = defineComponent({
     });
 
     let booted = false;
+    const mounted = ref(false);
 
     watch(
-      () => ctx.attrs.src as string | null | undefined,
-      (value) => {
+      () =>
+        [ctx.attrs.src as string | null | undefined, mounted.value] as const,
+      ([src, _mounted]) => {
+        if (!_mounted) return;
         coverImageRef.value = undefined;
-        if (isAvailableSrc(value)) {
+        if (isAvailableSrc(src)) {
           loadStateRef.value = 'loading';
           if (props.cover) {
-            loadImage(value)
+            loadImage(src)
               .then((image) => {
                 coverImageRef.value = image;
                 setManualState('load');
               })
-              .catch((err) => {
+              .catch((_err) => {
                 setManualState('error');
+                // eslint-disable-next-line no-console
+                console.error(_err);
               });
           }
         } else {
@@ -209,6 +214,7 @@ export const VBusyImage = defineComponent({
     };
 
     onMounted(() => {
+      mounted.value = true;
       if (booted || props.cover) return;
 
       const image = nodeRef.value;