<div class="content">
    <h1>Welcome to Dune</h1>
    <p>Log in to access your account</p>
      <button onclick={async () => {const resp = await sendToBackground({name: "authenticate", })}} class="btn-primary">Log in</button>
    <p class="forgot-password">Forgot your password?</p>
    <p class="signup">Don't have an account? <a href="#">Sign up</a></p>
  </div>
</div>

  <div class="content">
    <h1>Welcome to Dune</h1>
    <p>Log in to access your account</p>
      <button onclick={async () => {const resp = await sendToBackground({name: "authenticate", })}} class="btn-primary">Log in</button>
    <p class="forgot-password">Forgot your password?</p>
    <p class="signup">Don't have an account? <a href="#">Sign up</a></p>
  </div>
</div>

import type { PlasmoMessaging } from "@plasmohq/messaging"

const handler: PlasmoMessaging.MessageHandler = async (req, res) => {
  chrome.tabs.create({ url: "http://localhost:3000" })
  res.send({ success: true })
}

export default handler

import type { PlasmoMessaging } from "@plasmohq/messaging"

const handler: PlasmoMessaging.MessageHandler = async (req, res) => {
  chrome.tabs.create({ url: "http://localhost:3000" })
  res.send({ success: true })
}

export default handler