refactor(website): minor improvements

Author: Rel1cx

scripts/build-used-by.ts

@@ -53,9 +53,9 @@ async function fetchGitHubAvatar(repo: string, token?: string): Promise<string>
 }
 
 async function buildUsedByImage(users: string[]) {
+  const gap = 16;
   const viewWidth = 1024;
   const viewHeight = users.length / 8 * (viewWidth / 8);
-  const gap = 16;
   const getItemX = (index: number) => index % 8 * (viewWidth / 8) + gap * 0.5;
   const getItemY = (index: number) => Math.floor(index / 8) * (viewWidth / 8) + gap * 0.5;
   const canvas = createCanvas(viewWidth, viewHeight);
@@ -73,4 +73,5 @@ const token = process.env["GITHUB_TOKEN"];
 const avatars = await Promise.all(projects.map(async (repo) => fetchGitHubAvatar(repo, token)));
 const avatarsDeDup = Array.from(new Set(avatars));
 const img = await buildUsedByImage(avatarsDeDup);
+await fs.writeFile("website/assets/used_by.png", img);
 await fs.writeFile("website/public/used_by.png", img);

website/assets/used_by.png

@@ -26,11 +26,9 @@ A series of composable ESLint plugins for libraries and frameworks that use Reac
 - [`eslint-plugin-react-hooks-extra`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-hooks-extra) - Extra React Hooks rules.
 - [`eslint-plugin-react-naming-convention`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-naming-convention) - Naming convention rules.
 
-### Used by
+## Used by
 
-![used-by](https://eslint-react.xyz/used_by.png)
-
-_Data collected from GitHub dependents network, if there are any mismatch or outdated information, feel free to [open issue](https://github.com/Rel1cx/eslint-react/issues/new?assignees=&labels=type%3A+documentation&projects=&template=docs_report.md&title=%5Bdocs%5D+) or pull request._
+![used-by](../assets/used_by.png)
 
 ## FAQ