nuxt-content-assets 0.10.2 → 0.10.3

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.10.2"
+  "version": "0.10.3"
 }

package/dist/runtime/plugin.mjs

@@ -16,7 +16,7 @@ let assets = {};
 void updateAssets();
 const tags = {
   // unlikely to contain assets
-  content: matchTokens({
+  exclude: matchTokens({
     container: "pre code code-inline",
     formatting: "acronym abbr address bdi bdo big center cite del dfn font ins kbd mark meter progress q rp rt ruby s samp small strike sub sup time tt u var wbr",
     headers: "h1 h2 h3 h4 h5 h6",
@@ -26,7 +26,7 @@ const tags = {
     empty: "hr br"
   }),
   // may contain assets
-  props: matchTokens({
+  include: matchTokens({
     content: "main header footer section article aside details dialog summary data object nav blockquote div span p",
     table: "table caption th tr td thead tbody tfoot col colgroup",
     media: "figcaption figure picture",
@@ -60,15 +60,12 @@ const plugin = async (nitro) => {
       }, filter);
       visit(file.body, (node) => node.type === "element", (node) => {
         const { tag, props } = node;
-        const noContent = tags.content.includes(tag);
-        if (noContent) {
+        const excluded = tags.exclude.includes(tag);
+        if (excluded) {
           return SKIP;
         }
-        const noProps = tags.props.includes(tag);
-        if (noProps) {
-          return CONTINUE;
-        }
-        if (!props) {
+        const included = tags.include.includes(tag);
+        if (included || !props) {
           return CONTINUE;
         }
         for (const [prop, value] of Object.entries(props)) {
@@ -77,18 +74,25 @@ const plugin = async (nitro) => {
           }
           const { srcAttr, width, height, ratio } = getAsset(value);
           if (srcAttr) {
-            updated.push(`page: ${tag}[${prop}] to "${srcAttr}"`);
             node.props[prop] = srcAttr;
-            if (width && height) {
-              node.props.width = width;
-              node.props.height = height;
+            if (node.tag === "img") {
+              if (width && height) {
+                node.props.width ||= width;
+                node.props.height ||= height;
+              }
+              if (ratio) {
+                if (typeof node.props.style === "string") {
+                  node.props.style += `; aspect-ratio: ${ratio};`;
+                } else {
+                  node.props.style ||= {};
+                  node.props.style.aspectRatio = ratio;
+                }
+              }
             }
-            if (ratio) {
-              node.props.style = `aspect-ratio:${ratio}`;
-            }
-            if (node.tag === "a" && !node.props.target) {
-              node.props.target = "_blank";
+            if (node.tag === "a") {
+              node.props.target ||= "_blank";
             }
+            updated.push(`page: ${tag}[${prop}] to "${srcAttr}"`);
           }
         }
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-content-assets",
-  "version": "0.10.2",
+  "version": "0.10.3",
   "description": "Enable locally-located assets in Nuxt Content",
   "repository": "davestewart/nuxt-content-assets",
   "license": "MIT",