I have an app.js with the following code:

var _hoisted_32 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)
  ("div", {
  "class": "flex"
}, [/*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)
  ("img", {
  src: "https://some-website.com/logo.png",
  alt: "Logo",
  //"class": "object-none",
  style: {'width': '200px', 'height': '65px'},
})], -1
/* HOISTED */
);

Currently, its HTML is like this:

<div class='flex'><img src='https://some-website.com/logo.png', 'alt='Logo', style:'width=200px; height=65px'></img></div>

I’m going to have this in HTML:

<div class='flex'><a href='https://some-website.com><img src='https://some-website.com/logo.png', 'alt='Logo', style:'width=200px; height=65px'></img></a></div>

These are my failed attempts:

First:

var _hoisted_32 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)
  ("div", {
  "class": "flex"
}, [/*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)
  ("a", {href: 'https://some-website.com'},
  "img", {
  src: "https://some-website.com/logo.png",
  alt: "Logo",
  //"class": "object-none",
  style: {'width': '200px', 'height': '65px'},
})], -1
/* HOISTED */
);

Second:

var _hoisted_32 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)
  ("div", {
  "class": "flex"
}, [/*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)
  ("a", {href: 'https://some-website.com',
  "img", {
  src: "https://some-website.com/logo.png",
  alt: "Logo",
  //"class": "object-none",
  style: {'width': '200px', 'height': '65px'},
}})], -1
/* HOISTED */
);