主題開發的鉤子點位是`app`
```
// index.ts
import createPlugin from '@@/create-plugin';
export default createPlugin({
components: {
'app': () => import('./components/app')
}
});
```
`components/app.tsx` 即為閱讀頁面的根節點，下面內容自由發揮
樣式建議使用[styled-components](https://styled-components.com/),通過
```
import {styled} 'topwrite';
```
可獲取到該組件
### 主題開發中常用到的數據有
```
//獲取當前文檔，book里包含了文檔配置，目錄等數據，具體可以查看ts的類型
const book = useSelector('book');
//獲取當前打開章節對應的文件
const file = useSelector('file');
//獲取當前章節（如果在首頁則為null）
const article = useArticle();
const prevArticle = usePrevArticle();
const nextArticle = useNextArticle();
//獲取文檔名稱
const title = useTitle();
```
