unable to use VHTML in vite #961

elamandeep · 2023-07-02T05:05:27Z

elamandeep
Jul 2, 2023

I tried to configure vhtml in vite's vanilla javascript template but I'm unable to implement it. Please guide me on how to configure it. I will then implement vhtml in preact

main.js
------

/** @jsx vhtml */
import { Counter } from "./src/counter";

document.body.innerHTML = (
  <main>
   <Counter/>
  </main>
);

/** @jsx vhtml */

export function Counter() {
  let count = 0;
  return (
    <section>
      <h1>Click button</h1>
      <button onClick={() => count++}>Click me</button>
    </section>
  );
}

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite App</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="./main.jsx"></script>
  </body>
</html>

rschristian · 2023-07-02T05:08:16Z

rschristian
Jul 2, 2023
Maintainer

Er, I think you might be a bit lost? This doesn't look to be related to WMR. Did you mean to post this on Preact itself?

Regardless, you'll need to provide more details, as I'm not quite sure what "vhtml" is supposed to be?

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

unable to use VHTML in vite #961

{{title}}

Replies: 1 comment

{{title}}

Select a reply

unable to use VHTML in vite #961

elamandeep Jul 2, 2023

Replies: 1 comment

rschristian Jul 2, 2023 Maintainer

elamandeep
Jul 2, 2023

rschristian
Jul 2, 2023
Maintainer