chore: polish (#537)

biome.json

@@ -43,8 +43,8 @@
       ".next",
       "coverage",
       "esm",
-      "site",
-      "framegear"
+      "framegear",
+      "site/docs/dist/"
     ]
   }
 }

package.json

@@ -53,8 +53,6 @@
     "jest-extended": "^4.0.2",
     "packemon": "3.3.1",
     "permissionless": "^0.1.29",
-    "prettier": "3.3.2",
-    "prettier-plugin-tailwindcss": "^0.5.9",
     "react": "^18",
     "react-dom": "^18",
     "rimraf": "^5.0.5",

site/docs/components/SwapAmountInputContainer.tsx

@@ -17,7 +17,9 @@ const TOKEN_BALANCE_MAP: Record<string, string> = {
   DAI: '4.9',
 };
 
-export default function SwapAmountInputContainer({ children }: SwapAmountInputContainer) {
+export default function SwapAmountInputContainer({
+  children,
+}: SwapAmountInputContainer) {
   const [token, setToken] = useState<Token>();
   const [amount, setAmount] = useState('');
 

site/docs/components/TokenSelector.tsx

@@ -8,7 +8,8 @@ const tokens: Token[] = [
     address: '',
     symbol: 'ETH',
     decimals: 18,
-    image: 'https://wallet-api-production.s3.amazonaws.com/uploads/tokens/eth_288.png',
+    image:
+      'https://wallet-api-production.s3.amazonaws.com/uploads/tokens/eth_288.png',
     blockchain: 'eth',
     chainId: 8453,
   },

site/docs/components/TokenSelectorContainer.tsx

@@ -5,7 +5,9 @@ type TokenSelectorContainer = {
   children: (token: Token, setToken: (t: Token) => void) => ReactElement;
 };
 
-export default function TokenSelectorContainer({ children }: TokenSelectorContainer) {
+export default function TokenSelectorContainer({
+  children,
+}: TokenSelectorContainer) {
   const [token, setToken] = useState();
 
   return children(token, setToken);

site/docs/pages/App.tsx

@@ -32,7 +32,9 @@ export default function App({ children }: { children: ReactNode }) {
   return (
     <WagmiProvider config={wagmiConfig}>
       <QueryClientProvider client={queryClient}>
-        <div style={{ display: 'flex', flexDirection: 'column' }}>{children}</div>
+        <div style={{ display: 'flex', flexDirection: 'column' }}>
+          {children}
+        </div>
       </QueryClientProvider>
     </WagmiProvider>
   );

site/tsconfig.json

@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "ES2020",
-    "lib": [
-      "DOM",
-      "DOM.Iterable",
-      "esnext"
-    ],
+    "lib": ["DOM", "DOM.Iterable", "esnext"],
     "allowImportingTsExtensions": true,
     "isolatedModules": true,
     "jsx": "react-jsx",
@@ -20,8 +16,5 @@
     "strict": true,
     "useDefineForClassFields": true
   },
-  "include": [
-    "**/*.ts",
-    "**/*.tsx"
-  ]
+  "include": ["**/*.ts", "**/*.tsx"]
 }

site/vocs.config.tsx

@@ -3,7 +3,8 @@ import { defineConfig } from 'vocs';
 import pkg from '../package.json';
 import { sidebar } from './sidebar';
 
-export const GOOGLE_ANALYTICS_ID = process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID ?? 'TEST_GA';
+export const GOOGLE_ANALYTICS_ID =
+  process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID ?? 'TEST_GA';
 
 const ONCHAINKIT_TITLE = 'OnchainKit';
 const ONCHAINKIT_DESCRIPTION = `React components and TypeScript utilities for top-tier onchain apps.`;
@@ -13,8 +14,12 @@ export default defineConfig({
   title: ONCHAINKIT_TITLE,
   titleTemplate: '%s · OnchainKit',
   description: ONCHAINKIT_DESCRIPTION,
-  ogImageUrl: 'https://vocs.dev/api/og?logo=%logo&title=%title&description=%description',
-  logoUrl: { light: '/favicon/48x48.png?v4-19-24', dark: '/favicon/48x48.png?v4-19-24' },
+  ogImageUrl:
+    'https://vocs.dev/api/og?logo=%logo&title=%title&description=%description',
+  logoUrl: {
+    light: '/favicon/48x48.png?v4-19-24',
+    dark: '/favicon/48x48.png?v4-19-24',
+  },
   async head({ path }) {
     const analytics = (
       <>

yarn.lock

@@ -2145,8 +2145,6 @@ __metadata:
     jest-extended: "npm:^4.0.2"
     packemon: "npm:3.3.1"
     permissionless: "npm:^0.1.29"
-    prettier: "npm:3.3.2"
-    prettier-plugin-tailwindcss: "npm:^0.5.9"
     react: "npm:^18"
     react-dom: "npm:^18"
     rimraf: "npm:^5.0.5"
@@ -10643,70 +10641,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier-plugin-tailwindcss@npm:^0.5.9":
-  version: 0.5.13
-  resolution: "prettier-plugin-tailwindcss@npm:0.5.13"
-  peerDependencies:
-    "@ianvs/prettier-plugin-sort-imports": "*"
-    "@prettier/plugin-pug": "*"
-    "@shopify/prettier-plugin-liquid": "*"
-    "@trivago/prettier-plugin-sort-imports": "*"
-    "@zackad/prettier-plugin-twig-melody": "*"
-    prettier: ^3.0
-    prettier-plugin-astro: "*"
-    prettier-plugin-css-order: "*"
-    prettier-plugin-import-sort: "*"
-    prettier-plugin-jsdoc: "*"
-    prettier-plugin-marko: "*"
-    prettier-plugin-organize-attributes: "*"
-    prettier-plugin-organize-imports: "*"
-    prettier-plugin-sort-imports: "*"
-    prettier-plugin-style-order: "*"
-    prettier-plugin-svelte: "*"
-  peerDependenciesMeta:
-    "@ianvs/prettier-plugin-sort-imports":
-      optional: true
-    "@prettier/plugin-pug":
-      optional: true
-    "@shopify/prettier-plugin-liquid":
-      optional: true
-    "@trivago/prettier-plugin-sort-imports":
-      optional: true
-    "@zackad/prettier-plugin-twig-melody":
-      optional: true
-    prettier-plugin-astro:
-      optional: true
-    prettier-plugin-css-order:
-      optional: true
-    prettier-plugin-import-sort:
-      optional: true
-    prettier-plugin-jsdoc:
-      optional: true
-    prettier-plugin-marko:
-      optional: true
-    prettier-plugin-organize-attributes:
-      optional: true
-    prettier-plugin-organize-imports:
-      optional: true
-    prettier-plugin-sort-imports:
-      optional: true
-    prettier-plugin-style-order:
-      optional: true
-    prettier-plugin-svelte:
-      optional: true
-  checksum: 017e85276952c0110a11c5bf114781c006f1335be29944daa7c5210d81168467efc9d1d212d6ac13ff7a30b2ec30de90619dbe0bf96f61d9b0dd510bf5841a02
-  languageName: node
-  linkType: hard
-
-"prettier@npm:3.3.2":
-  version: 3.3.2
-  resolution: "prettier@npm:3.3.2"
-  bin:
-    prettier: bin/prettier.cjs
-  checksum: 39ed27d17f0238da6dd6571d63026566bd790d3d0edac57c285fbab525982060c8f1e01955fe38134ab10f0951a6076da37f015db8173c02f14bc7f0803a384c
-  languageName: node
-  linkType: hard
-
 "prettier@npm:^2.7.1":
   version: 2.8.8
   resolution: "prettier@npm:2.8.8"