ViteAndStylesComponents.ts

/*
Vite and styles components using babel
https://stackoverflow.com/a/71453876/26576455
https://github.com/styled-components/babel-plugin-styled-components/issues/350#issuecomment-979873241


npm i babel-plugin-styled-components
*/

export default defineConfig({
  plugins: [
    react({
      babel: {
        plugins: [
          [
            'babel-plugin-styled-components',
            {
              displayName: true,
              fileName: false
            }
          ]
        ]
      }
    })
  ]
})