feat: Provide height with sizes attribute

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/image",
-  "version": "1.0.0-rc.1",
+  "version": "1.0.0-rc.2",
   "description": "Nuxt Image Module",
   "repository": "nuxt/image",
   "license": "MIT",

src/runtime/image.ts

@@ -143,7 +143,9 @@ function getSizes (ctx: ImageCTX, input: string, opts: ImageSizesOptions): Image
   if (Object.keys(sizes).length > 1) {
     // 'sizes path'
     for (const key in sizes) {
-      const variant = getSizesVariant(key, String(sizes[key]), height, hwRatio, ctx)
+      const _height = sizes[key][1] ? parseSize(sizes[key][1]) : height
+
+      const variant = getSizesVariant(key, sizes[key][0], _height, hwRatio, ctx)
       if (variant === undefined) {
         continue
       }

src/runtime/utils/index.ts

@@ -103,17 +103,14 @@ export function parseDensities (input: string | undefined = ''): number[] {
   return densities.filter((value, index) => densities.indexOf(value) === index)
 }
 
-export function parseSizes (input: Record<string, string | number> | string): Record<string, string> {
-  const sizes: Record<string, string> = {}
+export function parseSizes (input: Record<string, string | number> | string): Record<string, string[]> {
+  const sizes: Record<string, string[]> = {}
   // string => object
   if (typeof input === 'string') {
     for (const entry of input.split(/[\s,]+/).filter(e => e)) {
       const s = entry.split(':')
-      if (s.length !== 2) {
-        sizes[s[0].trim()] = s[0].trim()
-      } else {
-        sizes[s[0].trim()] = s[1].trim()
-      }
+
+      sizes[s[0].trim()] = (s.length !== 2 ? s[0].trim() : s[1].trim()).split('_')
     }
   } else {
     Object.assign(sizes, input)