feat(VImg): use intrinsic size

[KaelWD]

Description

closes #17031 closes #5757 (again)

Markup:

<template>
  <v-app>
    <v-app-bar color="secondary">
      <v-img inline src="https://d22f547j6rcbz1.cloudfront.net/images/onlinedraft-50y.png" />
      <v-img inline src="https://d22f547j6rcbz1.cloudfront.net/images/onlinedraft-black.png" />
    </v-app-bar>
    <v-main>
      <v-container>
        <v-card>
          <v-responsive :aspect-ratio="16/9">
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, ratione debitis quis est labore voluptatibus! Eaque cupiditate minima, at placeat totam, magni doloremque veniam neque porro libero rerum unde voluptatem!

            <br>

            <v-img src="https://d22f547j6rcbz1.cloudfront.net/images/onlinedraft-50y.png">
              Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, ratione debitis quis est labore voluptatibus! Eaque cupiditate minima, at placeat totam, magni doloremque veniam neque porro libero rerum unde voluptatem!
            </v-img>
          </v-responsive>
        </v-card>

        <v-btn variant="text">
          <template #prepend>
            prepended text
            <v-img max-height="25" max-width="25" src="https://cdn.vuetifyjs.com/images/parallax/material.jpg" />
          </template>
          <span>click me!</span>
        </v-btn>
      </v-container>
    </v-main>
  </v-app>
</template>

[johnleider]

The image snaps in on refresh. First part of the gif is using img and the second part is using v-img:

[kappaflow]

@KaelWD Why did you decide to do a such breaking change in a minor update?

I have VImg with max-height="fit-content" max-width="fit-content" in many places. And now such images have zero size and basically disappeared: Example

And now I am not even sure what is the right way to fix it, while preserving the same functionality I had. I didn't find any API options to change v-img back to relative...