fix: use framespec as aspect ratio for image preview

src/components/images/ImagePicker.vue

 <template>
   <ImagePreview
     :url="image?.url ?? null"
-    class="tw-inline-flex tw-h-64 tw-max-w-full tw-min-w-64 tw-bg-gray-700 tw-rounded tw-flex-1 dark:tw-bg-neutral-700"
+    class="tw-inline-flex tw-h-64 tw-max-w-full tw-min-w-64 tw-w-auto tw-bg-gray-700 tw-rounded tw-flex-1 dark:tw-bg-neutral-700"
     :alt="image?.altText"
     :width="image?.width ?? undefined"
     :height="image?.height ?? undefined"
     cover
+    :style="{ 'aspect-ratio': aspectRatio }"
     v-bind="attrs"
   >
     <div
@@ -55,6 +56,10 @@ const showDialog = ref(false)
 const localImageId = useCopy<number | null>(() => props.modelValue, {
   save: (value) => emit('update:modelValue', value),
 })
+const aspectRatio = computed(() => {
+  const [width, height] = props?.frameSpec?.aspectRatio ?? [0, 0]
+  return height === 0 ? undefined : width / height
+})
 const image = useImage(computed(() => props.modelValue))
 </script>