unable to use VHTML in vite #961

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

leamandeep
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

Uh oh!

Uh oh!

unable to use VHTML in vite #961

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

unable to use VHTML in vite #961

Uh oh!

leamandeep Jul 2, 2023

Replies: 1 comment

Uh oh!

rschristian Jul 2, 2023 Maintainer

leamandeep
Jul 2, 2023

rschristian
Jul 2, 2023
Maintainer