Is it possible to use both React and Vue in the site with Vite?

[684efs3]

Is it possible to use both React and Vue in the site with Vite? I have some components that are pre-built from an external library in React. My site is in Vue, and I would like to pull these React components in. Is this possible in Vite?

I saw that (Astro)[https://astro.build/], which uses Vite can do this, and so was wondering how to do this in a fresh Vite install.

Thanks a lot!

[ludofischer]

Have you tried adding both @vitejs/plugin-vue and @vitejs/plugin-react?

[684efs3]

Yes, I have done that. I am using the Vitesse start template, and I added react() as a plugin in vite.config.ts. When I do this, the local site does not render and I get a blank screen.

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [Vue({
      include: [/\.vue$/, /\.md$/],
    }),
    react(),]
})

[ludofischer]

I think Vitesse has a lot of customizations on top of Vite. Try asking in the Vitesse discussions or try starting from plain Vite (maybe start with the React plugin and add the vue plugin once you've checked that React works).

[it5prasoon]

Hey, Have you got any clue on this?