wxt-dev / wxt-dev/wxt

add jsx support to `@wxt-dev/module-vue`

Open
#1,660 1 comment 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
10.5k
Forks
564
PR merge metrics
No merged PRs in 30d

Description

Feature Request

add jsx support to @wxt-dev/module-vue, so that we can use jsx in vue SFC

<script setup lang="tsx">
const Compo = definedComponent({
  setup() {
    return () => <div />
  }
})
</script>
Is your feature request related to a bug?

"N/A"

What are the alternatives?

alternative solution,

import vue from "@vitejs/plugin-vue";
import vueJsx from "@vitejs/plugin-vue-jsx";

export default defineConfig({

  vite: {
    plugins: [
      vue(),
      vueJsx() //插件使用
    ],
  }
});
Additional context

Add any other context or screenshots about the feature request here.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the @wxt-dev/module-vue integration and the @vitejs/plugin-vue-jsx alternative shown in the issue. Determine how JSX support is wired into Vue SFCs, then verify that the provided script setup lang="tsx" example compiles and renders successfully.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
build-system, tooling
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.