vuetify 3.0.2 → 3.0.3

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.0.2
+* Vuetify v3.0.3
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2476,8 +2476,8 @@ function getDimensions(target, el) {
   const tsx = targetBox.width / elBox.width;
   const tsy = targetBox.height / elBox.height;
   const maxs = Math.max(1, tsx, tsy);
-  const sx = tsx / maxs;
-  const sy = tsy / maxs;
+  const sx = tsx / maxs || 0;
+  const sy = tsy / maxs || 0;
 
   // Animate elements larger than 12% of the screen area up to 1.5x slower
   const asa = elBox.width * elBox.height / (window.innerWidth * window.innerHeight);
@@ -3212,7 +3212,7 @@ function filterToolbarProps(props) {
 
 // Types
 
-const VAppBar = defineComponent({
+const VAppBar = genericComponent()({
   name: 'VAppBar',
   props: {
     // TODO: Implement scrolling techniques
@@ -8536,7 +8536,9 @@ function useLocationStrategies(props, data) {
     updateLocation.value = undefined;
     if (!(IN_BROWSER && data.isActive.value && props.locationStrategy)) return;
     scope = effectScope();
-    await nextTick();
+    if (!(props.locationStrategy === 'connected')) {
+      await nextTick();
+    }
     scope.run(() => {
       if (typeof props.locationStrategy === 'function') {
         var _props$locationStrate;
@@ -14218,7 +14220,7 @@ const VFooter = defineComponent({
     useRender(() => createVNode(props.tag, {
       "ref": resizeRef,
       "class": ['v-footer', themeClasses.value, backgroundColorClasses.value, borderClasses.value, elevationClasses.value, roundedClasses.value],
-      "style": [backgroundColorStyles, props.app ? layoutItemStyles.value : undefined]
+      "style": [backgroundColorStyles.value, props.app ? layoutItemStyles.value : undefined]
     }, slots));
     return {};
   }
@@ -14780,7 +14782,8 @@ const VLazy = defineComponent({
         "style": dimensionStyles.value
       }, {
         default: () => [isActive.value && createVNode(MaybeTransition, {
-          "transition": props.transition
+          "transition": props.transition,
+          "appear": true
         }, {
           default: () => [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]
         })]
@@ -15240,7 +15243,7 @@ const VNavigationDrawer = defineComponent({
     const isTemporary = computed(() => !props.permanent && (mobile.value || props.temporary));
     const isSticky = computed(() => props.sticky && !isTemporary.value && location.value !== 'bottom');
     if (!props.disableResizeWatcher) {
-      watch(isTemporary, val => !props.permanent && (isActive.value = !val));
+      watch(isTemporary, val => !props.permanent && nextTick(() => isActive.value = !val));
     }
     if (!props.disableRouteWatcher && router) {
       watch(router.currentRoute, () => isTemporary.value && (isActive.value = false));
@@ -18163,7 +18166,7 @@ function createVuetify$1() {
     locale
   };
 }
-const version$1 = "3.0.2";
+const version$1 = "3.0.3";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -18184,7 +18187,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.0.2";
+const version = "3.0.3";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDisplay, useLayout, useLocale, useRtl, useTheme, version };