@@ -108,15 +108,17 @@ It is better even not to import `postcss`.
 Plugin name will be used in error messages and warnings.
 
 ```js
-module.exports = opts => {
+const plugin = opts => {
   return {
     postcssPlugin: 'postcss-name',
     Once(root) {
       // Plugin code
     }
   }
 }
-module.exports.postcss = true
+plugin.postcss = true
+
+export default plugin
 ```
 
 ## 2. Processing
 
@@ -91,14 +91,32 @@ For public plugins:
 3. Publish your code there.
 
 ```js
-module.exports = (opts = {}) => {
+const plugin = (opts = {}) => {
   // Plugin creator to check options or prepare shared state
   return {
     postcssPlugin: 'PLUGIN NAME'
     // Plugin listeners
   }
 }
-module.exports.postcss = true
+plugin.postcss = true
+
+export default plugin
+```
+
+In TypeScript, type the creator as `PluginCreator` so `postcss = true` is valid:
+
+```ts
+import type { PluginCreator } from 'postcss'
+
+const plugin: PluginCreator<object> = (opts = {}) => {
+  return {
+    postcssPlugin: 'PLUGIN NAME'
+    // Plugin listeners
+  }
+}
+plugin.postcss = true
+
+export default plugin
 ```
 
 [PostCSS plugin boilerplate]: https://github.com/postcss/postcss-plugin-boilerplate/
Original file line number	Diff line number	Diff line change
@@ -108,15 +108,17 @@ It is better even not to import `postcss`.
`108`	`108`	`Plugin name will be used in error messages and warnings.`
`109`	`109`
`110`	`110`	```js
`111`		`-module.exports = opts => {`
	`111`	`+const plugin = opts => {`
`112`	`112`	`return {`
`113`	`113`	`postcssPlugin: 'postcss-name',`
`114`	`114`	`Once(root) {`
`115`	`115`	`// Plugin code`
`116`	`116`	`}`
`117`	`117`	`}`
`118`	`118`	`}`
`119`		`-module.exports.postcss = true`
	`119`	`+plugin.postcss = true`
	`120`	`+`
	`121`	`+export default plugin`
`120`	`122`	```
`121`	`123`
`122`	`124`	`## 2. Processing`