fix: preserve image attributes when a title is present (#290)

Co-authored-by: Farnabaz <farnabaz@gmail.com>
Co-authored-by: Sébastien Chopin <atinux@gmail.com>

Author: 3 people

packages/comark/SPEC/COMARK/image-title.md

@@ -0,0 +1,60 @@
+## Input
+
+```md
+![alt](https://example.com/image.jpg "title"){attr="value"}
+
+![alt](img.png "A title"){.rounded-asymmetric width="200"}
+```
+
+## AST
+
+```json
+{
+  "frontmatter": {},
+  "meta": {},
+  "nodes": [
+    [
+      "p",
+      {},
+      [
+        "img",
+        {
+          "src": "https://example.com/image.jpg",
+          "alt": "alt",
+          "title": "title",
+          "attr": "value"
+        }
+      ]
+    ],
+    [
+      "p",
+      {},
+      [
+        "img",
+        {
+          "src": "img.png",
+          "alt": "alt",
+          "title": "A title",
+          "class": "rounded-asymmetric",
+          "width":"200"
+        }
+      ]
+    ]
+  ]
+}
+```
+
+## HTML
+
+```html
+<p><img src="https://example.com/image.jpg" title="title" alt="alt" attr="value" /></p>
+<p><img src="img.png" title="A title" alt="alt" class="rounded-asymmetric" width="200" /></p>
+```
+
+## Markdown
+
+```md
+![alt](https://example.com/image.jpg "title"){attr="value"}
+
+![alt](img.png "A title"){.rounded-asymmetric width="200"}
+```

packages/comark/SPEC/common-mark/image-title.md

@@ -0,0 +1,40 @@
+## Input
+
+```md
+![alt](https://example.com/image.jpg "title")
+```
+
+## AST
+
+```json
+{
+  "frontmatter": {},
+  "meta": {},
+  "nodes": [
+    [
+      "p",
+      {},
+      [
+        "img",
+        {
+          "src": "https://example.com/image.jpg",
+          "alt": "alt",
+          "title": "title"
+        }
+      ]
+    ]
+  ]
+}
+```
+
+## HTML
+
+```html
+<p><img src="https://example.com/image.jpg" title="title" alt="alt" /></p>
+```
+
+## Markdown
+
+```md
+![alt](https://example.com/image.jpg "title")
+```

packages/comark/src/internal/stringify/handlers/img.ts

@@ -8,5 +8,6 @@ export function img(node: ComarkElement, _state: State) {
 
   const attrsString = Object.keys(rest).length > 0 ? comarkAttributes(rest) : ''
 
-  return title ? `![${alt}](${src} "${title}")` : `![${alt}](${src})${attrsString}`
+  const link = title ? `![${alt}](${src} "${title}")` : `![${alt}](${src})`
+  return `${link}${attrsString}`
 }