diff --git a/packages/vike-react-styled-jsx/README.md b/packages/vike-react-styled-jsx/README.md index 6bd8fce3..f6fdc888 100644 --- a/packages/vike-react-styled-jsx/README.md +++ b/packages/vike-react-styled-jsx/README.md @@ -25,14 +25,13 @@ Integrates [styled-jsx](https://github.com/vercel/styled-jsx) to your [`vike-rea } ``` -3. Add `styled-jsx/babel` to plugins in your babel configuration: +3. Add the `styled-jsx`'s Babel plugin: ```js // vite.config.js - import { defineConfig } from "vite" import react from "@vitejs/plugin-react" import vike from "vike/plugin" - export default defineConfig({ + export default { plugins: [ vike(), react({ @@ -41,7 +40,7 @@ Integrates [styled-jsx](https://github.com/vercel/styled-jsx) to your [`vike-rea }, }), ], - }); + }; ``` 4. You can now use styled-jsx at any of your components. @@ -49,7 +48,7 @@ Integrates [styled-jsx](https://github.com/vercel/styled-jsx) to your [`vike-rea function SomeComponent() { return (
-

only this paragraph will get the style :)

+

Only this paragraph will get the style.