Update README.md (#63)

Add docusaurus usage
Post container developing issuse

Co-authored-by: LittleboyHarry <littleboyharry@qq.com>
This commit is contained in:
Tech Boy Harry
2023-03-31 04:30:00 +08:00
committed by GitHub
parent d1242d12b5
commit 67721921ad

View File

@@ -127,6 +127,45 @@ ReactDOM.createRoot(document.getElementById("root")!).render(
</details>
<details>
<summary>Docusaurus</summary>
npm install @babel/plugin-transform-react-jsx-source
babel.config.js:
```js
module.exports = {
presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
plugins: [
...(process.env.BABEL_ENV === 'development'
? ['@babel/plugin-transform-react-jsx-source']
: []),
],
};
```
src/theme/Root.js:
```js
import { ClickToComponent } from 'click-to-react-component';
import React from 'react';
// Default implementation, that you can customize
export default function Root({ children }) {
return (
<>
<ClickToComponent />
{children}
</>
);
}
```
</details>
If [developing in container](https://github.com/ericclemmons/click-to-component/issues/58)?
### `editor`
By default, clicking will default `editor` to [`vscode`](https://code.visualstudio.com/).