From 9eb64d94d6ad53429b3bfcb080eb9e90dcb02b8a Mon Sep 17 00:00:00 2001 From: Aaron Date: Fri, 26 Jul 2024 14:00:37 -0500 Subject: [PATCH] docs: Add README for auto-icons module --- packages/auto-icons/README.md | 42 +++++++++++++++++++++++++++++++++++ 1 file changed, 42 insertions(+) create mode 100644 packages/auto-icons/README.md diff --git a/packages/auto-icons/README.md b/packages/auto-icons/README.md new file mode 100644 index 000000000..c03710215 --- /dev/null +++ b/packages/auto-icons/README.md @@ -0,0 +1,42 @@ +# WXT Auto Icons + +## Features + +- Generate extension icons with the correct sizes +- Make the icon greyscale during development + +## Usage + +Install the package: + +```sh +npm i --save-dev @wxt-dev/auto-icons +pnpm i -D @wxt-dev/auto-icons +yarn add --dev @wxt-dev/auto-icons +bun i -D @wxt-dev/auto-icons +``` + +Add the module to `wxt.config.ts`: + +```ts +export default defineConfig({ + modules: ['@wxt-dev/auto-icons'], +}); +``` + +And finally, save the base icon to `/assets/icon.png`. + +## Configuration + +The module can be configured via the `autoIcons` config: + +```ts +export default defineConfig({ + module: ['@wxt-dev/auto-icons'], + autoIcons: { + // ... + }, +}); +``` + +Options have JSDocs available in your editor, or you can read them in the source code: [`AutoIconsOptions`](./src/index.ts).