chore: update deps

.vscode/settings.json

@@ -1,3 +1,41 @@
 {
-  "typescript.tsdk": "node_modules/typescript/lib"
+  // Enable the ESlint flat config support
+  "eslint.experimental.useFlatConfig": true,
+
+  // Disable the default formatter, use eslint instead
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+
+  // Auto fix
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "explicit",
+    "source.organizeImports": "never"
+  },
+
+  // Silent the stylistic rules in you IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    { "rule": "style/*", "severity": "off" },
+    { "rule": "*-indent", "severity": "off" },
+    { "rule": "*-spacing", "severity": "off" },
+    { "rule": "*-spaces", "severity": "off" },
+    { "rule": "*-order", "severity": "off" },
+    { "rule": "*-dangle", "severity": "off" },
+    { "rule": "*-newline", "severity": "off" },
+    { "rule": "*quotes", "severity": "off" },
+    { "rule": "*semi", "severity": "off" }
+  ],
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml"
+  ]
 }

README.md

@@ -41,7 +41,7 @@ function App() {
   return (
     <div>
       <IconAccessibility />
-      <IconAccountBox style={{ fontSize: '2em', color: 'red' }}/>
+      <IconAccountBox style={{ fontSize: '2em', color: 'red' }} />
     </div>
   )
 }
@@ -932,7 +932,7 @@ export function Component() {
   return (
     <div>
       <IconCarbonApps />
-      <IconMdiAccountBox style="font-size: 2em; color: red"/>
+      <IconMdiAccountBox style="font-size: 2em; color: red" />
     </div>
   )
 }

eslint.config.js

@@ -0,0 +1,15 @@
+// @ts-check
+import antfu from '@antfu/eslint-config'
+
+export default antfu(
+  {
+    ignores: [
+      // eslint ignore globs here
+    ],
+  },
+  {
+    rules: {
+      // overrides
+    },
+  },
+)

examples/astro/astro.config.mjs

@@ -1,4 +1,4 @@
-import { defineConfig } from 'astro/config';
+import { defineConfig } from 'astro/config'
 import Icons from 'unplugin-icons/vite'
 
 // https://astro.build/config
@@ -10,4 +10,4 @@ export default defineConfig({
       }),
     ],
   },
-});
+})

examples/astro/src/env.d.ts

@@ -1 +1 @@
-/// <reference types="astro/client" />
+/// <reference types="astro/client" />

examples/next/pages/index.tsx

@@ -22,21 +22,26 @@ const Home: NextPage = () => {
         </a>
 
         <p className={styles.description}>
-          Get started by editing{' '}
+          Get started by editing
+          {' '}
           <code className={styles.code}>pages/index.tsx</code>
         </p>
 
         <div className={styles.grid}>
           <a href="https://nextjs.org/docs" className={styles.card}>
             <h2>
-              Documentation <IconArrowRight />
+              Documentation
+              {' '}
+              <IconArrowRight />
             </h2>
             <p>Find in-depth information about Next.js features and API.</p>
           </a>
 
           <a href="https://nextjs.org/learn" className={styles.card}>
             <h2>
-              Learn <IconArrowRight />
+              Learn
+              {' '}
+              <IconArrowRight />
             </h2>
             <p>Learn about Next.js in an interactive course with quizzes!</p>
           </a>
@@ -46,14 +51,18 @@ const Home: NextPage = () => {
             className={styles.card}
           >
             <h2>
-              Examples <IconArrowRight />
+              Examples
+              {' '}
+              <IconArrowRight />
             </h2>
             <p>Discover and deploy boilerplate example Next.js projects.</p>
           </a>
 
           <a href="https://vercel.com/new" className={styles.card}>
             <h2>
-              Deploy <IconArrowRight />
+              Deploy
+              {' '}
+              <IconArrowRight />
             </h2>
             <p>
               Instantly deploy your Next.js site to a public URL with Vercel.

examples/next/tsconfig.json

@@ -1,20 +1,20 @@
 {
   "compilerOptions": {
+    "incremental": true,
     "target": "es5",
+    "jsx": "preserve",
     "lib": ["dom", "dom.iterable", "esnext"],
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "types": ["unplugin-icons/types/react"],
     "allowJs": true,
-    "skipLibCheck": true,
     "strict": true,
-    "forceConsistentCasingInFileNames": true,
     "noEmit": true,
     "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
+    "forceConsistentCasingInFileNames": true,
     "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "types": ["unplugin-icons/types/react"]
+    "skipLibCheck": true
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules"]

examples/sveltekit/src/app.d.ts

@@ -1,12 +1,12 @@
-import 'unplugin-icons/types/svelte';
+import 'unplugin-icons/types/svelte'
 
 declare global {
-    namespace App {
-        // interface Error {}
-        // interface Locals {}
-        // interface PageData {}
-        // interface Platform {}
-    }
+  namespace App {
+    // interface Error {}
+    // interface Locals {}
+    // interface PageData {}
+    // interface Platform {}
+  }
 }
 
-export {};
+export {}

examples/vite-preact/tsconfig.json

@@ -1,24 +1,24 @@
 {
   "compilerOptions": {
     "target": "ESNext",
+    "jsx": "preserve",
+    "jsxFactory": "h",
+    "jsxFragmentFactory": "Fragment",
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "allowJs": false,
-    "skipLibCheck": false,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
     "module": "ESNext",
     "moduleResolution": "Node",
     "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "preserve",
-    "jsxFactory": "h",
-    "jsxFragmentFactory": "Fragment",
     "types": [
       "unplugin-icons/types/preact"
-    ]
+    ],
+    "allowJs": false,
+    "strict": true,
+    "noEmit": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": false,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "skipLibCheck": false
   },
   "include": ["src"]
 }

examples/vite-qwik/src/app.tsx

@@ -2,5 +2,13 @@ import { component$ } from '@builder.io/qwik'
 import RiFlashlightLine from '~icons/ri/flashlight-line'
 
 export default component$(() => {
-  return (<h1> <RiFlashlightLine style="font-size: 2em; color: red"/> Welcome To Qwik With Icons </h1>)
+  return (
+    <h1>
+      {' '}
+      <RiFlashlightLine style="font-size: 2em; color: red" />
+      {' '}
+      Welcome To Qwik With Icons
+      {' '}
+    </h1>
+  )
 })

examples/vite-qwik/src/root.tsx

@@ -2,13 +2,13 @@ import App from './app'
 
 export default () => {
   return (
-        <body>
-        <head>
-            <title> Qwik With Icons </title>
-        </head>
-        <body>
-        <App/>
-        </body>
-        </body>
+    <body>
+      <head>
+        <title> Qwik With Icons </title>
+      </head>
+      <body>
+        <App />
+      </body>
+    </body>
   )
 }

examples/vite-qwik/tsconfig.json

@@ -1,25 +1,25 @@
 {
   "compilerOptions": {
-    "allowJs": true,
+    "incremental": true,
     "target": "ES2017",
-    "module": "ES2020",
-    "lib": ["es2020", "DOM", "WebWorker", "DOM.Iterable"],
     "jsx": "react-jsx",
     "jsxImportSource": "@builder.io/qwik",
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
+    "lib": ["es2020", "DOM", "WebWorker", "DOM.Iterable"],
+    "module": "ES2020",
     "moduleResolution": "node",
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "incremental": true,
-    "isolatedModules": true,
-    "outDir": "tmp",
-    "noEmit": true,
-    "types": ["node", "vite/client", "unplugin-icons/types/qwik"],
     "paths": {
       "~/*": ["./src/*"]
-    }
+    },
+    "resolveJsonModule": true,
+    "types": ["node", "vite/client", "unplugin-icons/types/qwik"],
+    "allowJs": true,
+    "strict": true,
+    "noEmit": true,
+    "outDir": "tmp",
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "skipLibCheck": true
   },
   "files": ["./.eslintrc.cjs"],
   "include": ["src"]

examples/vite-react/src/App.tsx

@@ -3,8 +3,8 @@ import './App.css'
 import ReactLogo from '~icons/logos/react'
 import RawReactLogo from '~icons/logos/react?raw'
 
-function a() {
-  return <svg/>
+function _a() {
+  return <svg />
 }
 
 function App() {
@@ -18,11 +18,17 @@ function App() {
         <p>Hello Vite + React!</p>
         <p>
           <button type="button" onClick={() => setCount(count => count + 1)}>
-            count is: {count}
+            count is:
+            {' '}
+            {count}
           </button>
         </p>
         <p>
-          Edit <code>App.tsx</code> and save to test HMR updates.
+          Edit
+          {' '}
+          <code>App.tsx</code>
+          {' '}
+          and save to test HMR updates.
         </p>
         <p>
           <a

examples/vite-react/tsconfig.json

@@ -1,22 +1,22 @@
 {
   "compilerOptions": {
     "target": "ESNext",
+    "jsx": "react",
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "allowJs": false,
-    "skipLibCheck": false,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
     "module": "ESNext",
     "moduleResolution": "Node",
     "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react",
     "types": [
       "unplugin-icons/types/react"
-    ]
+    ],
+    "allowJs": false,
+    "strict": true,
+    "noEmit": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "skipLibCheck": false
   },
   "include": ["./src"]
 }

examples/vite-solid/tsconfig.json

@@ -1,12 +1,12 @@
 {
   "compilerOptions": {
     "target": "ESNext",
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js",
     "module": "ESNext",
     "moduleResolution": "node",
+    "types": ["vite/client", "unplugin-icons/types/solid"],
     "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "jsx": "preserve",
-    "jsxImportSource": "solid-js",
-    "types": ["vite/client", "unplugin-icons/types/solid"]
+    "esModuleInterop": true
   }
 }