diff --git a/.npmrc b/.npmrc
index 9e4e0b398a..0d6bf491a2 100644
--- a/.npmrc
+++ b/.npmrc
@@ -1,3 +1,4 @@
 auto-install-peers=true
 ignore-workspace-root-check=true
 strict-peer-dependencies=false
+shamefully-hoist=true
diff --git a/README.md b/README.md
index d31e8cdf8b..2da1c99bf5 100644
--- a/README.md
+++ b/README.md
@@ -11,7 +11,7 @@
 Forked from [`@ow3/eslint-config`](https://github.com/antfu/eslint-config)
 
 - Single quotes, no semi
-- Auto fix for formatting (aimed to be used as standalone without Prettier)
+- Auto fix for formatting (aimed to be used as standalone **without** Prettier)
 - Designed to work with TypeScript, Vue out-of-box (React opt-in)
 - Lint also for json, yaml, markdown
 - Sorted imports, dangling commas
@@ -86,9 +86,53 @@ module.exports = {
 }
 ```
 
-## Extended Reading
+### Lint Staged
 
-Learn more about the context - [Why I don't use Prettier](https://antfu.me/posts/why-not-prettier).
+If you want to apply lint and auto-fix before every commit, you can add the following to your `package.json`:
+
+```json
+{
+  "simple-git-hooks": {
+    "pre-commit": "pnpm lint-staged"
+  },
+  "lint-staged": {
+    "*": "eslint --fix"
+  }
+}
+```
+
+and then
+
+```bash
+npm i -D lint-staged simple-git-hooks
+```
+
+## FAQ
+
+### Prettier?
+
+[Why I don't use Prettier](https://antfu.me/posts/why-not-prettier)
+
+### How to lint CSS?
+
+This config does NOT lint CSS. I personally use [UnoCSS](https://github.com/unocss/unocss) so I don't write CSS. If you still prefer CSS, you can use [stylelint](https://stylelint.io/) for CSS linting.
+
+### I prefer XXX...
+
+Sure, you can override the rules in your `.eslintrc` file.
+
+<!-- eslint-skip -->
+
+```jsonc
+{
+  "extends": "@antfu",
+  "rules": {
+    // your rules...
+  }
+}
+```
+
+Or you can always fork this repo and make your own.
 
 ## Check Also
 
diff --git a/fixtures/vitesse/package.json b/fixtures/vitesse/package.json
index 3dc4c0f089..359e3afe50 100644
--- a/fixtures/vitesse/package.json
+++ b/fixtures/vitesse/package.json
@@ -1,7 +1,7 @@
 {
   "type": "module",
   "private": true,
-  "packageManager": "pnpm@7.21.0",
+  "packageManager": "pnpm@8.1.1",
   "scripts": {
     "build": "vite-ssg build",
     "dev": "vite --port 3333 --open",
@@ -15,11 +15,11 @@
     "up": "taze major -I"
   },
   "dependencies": {
-    "@unocss/reset": "^0.50.1",
+    "@unocss/reset": "^0.50.6",
     "@vueuse/core": "^9.13.0",
-    "@vueuse/head": "^1.1.0",
+    "@vueuse/head": "^1.1.23",
     "nprogress": "^0.2.0",
-    "pinia": "^2.0.32",
+    "pinia": "^2.0.33",
     "vue": "^3.2.47",
     "vue-demi": "^0.13.11",
     "vue-i18n": "^9.2.2",
@@ -31,32 +31,32 @@
     "@ow3/eslint-config": "^0.36.2",
     "@types/markdown-it-link-attributes": "^3.0.1",
     "@types/nprogress": "^0.2.0",
-    "@vitejs/plugin-vue": "^4.0.0",
-    "@vue/test-utils": "^2.3.0",
+    "@vitejs/plugin-vue": "^4.1.0",
+    "@vue/test-utils": "^2.3.2",
     "critters": "^0.0.16",
     "cross-env": "^7.0.3",
-    "cypress": "^12.6.0",
-    "eslint": "^8.34.0",
-    "eslint-plugin-cypress": "^2.12.1",
+    "cypress": "^12.9.0",
+    "eslint": "^8.37.0",
+    "eslint-plugin-cypress": "^2.13.2",
     "https-localhost": "^4.7.1",
     "markdown-it-link-attributes": "^4.0.1",
     "markdown-it-shiki": "^0.8.0",
-    "pnpm": "^7.27.1",
+    "pnpm": "^8.1.1",
     "shiki": "^0.14.1",
-    "taze": "^0.8.5",
-    "typescript": "^4.9.5",
-    "unocss": "^0.50.1",
-    "unplugin-auto-import": "^0.15.0",
-    "unplugin-vue-components": "^0.24.0",
-    "vite": "^4.1.4",
-    "vite-plugin-inspect": "^0.7.15",
-    "vite-plugin-pages": "^0.28.0",
-    "vite-plugin-pwa": "^0.14.4",
+    "taze": "^0.9.1",
+    "typescript": "^5.0.3",
+    "unocss": "^0.50.6",
+    "unplugin-auto-import": "^0.15.2",
+    "unplugin-vue-components": "^0.24.1",
+    "vite": "^4.2.1",
+    "vite-plugin-inspect": "^0.7.18",
+    "vite-plugin-pages": "^0.29.0",
+    "vite-plugin-pwa": "^0.14.7",
     "vite-plugin-vue-layouts": "^0.8.0",
     "vite-plugin-vue-markdown": "^0.22.4",
     "vite-ssg": "^0.22.1",
     "vite-ssg-sitemap": "^0.4.3",
-    "vitest": "^0.28.5",
-    "vue-tsc": "^1.1.7"
+    "vitest": "^0.29.8",
+    "vue-tsc": "^1.2.0"
   }
 }
diff --git a/fixtures/vitesse/src/components/Footer.vue b/fixtures/vitesse/src/components/Footer.vue
index 28f6288460..5fdf863010 100644
--- a/fixtures/vitesse/src/components/Footer.vue
+++ b/fixtures/vitesse/src/components/Footer.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 const { t, availableLocales, locale } = useI18n()
 
-const toggleLocales = () => {
+function toggleLocales() {
   // change to some real logic
   const locales = availableLocales
   locale.value = locales[(locales.indexOf(locale.value) + 1) % locales.length]
diff --git a/fixtures/vitesse/src/pages/index.vue b/fixtures/vitesse/src/pages/index.vue
index 9fa1c0f72f..6dde462073 100644
--- a/fixtures/vitesse/src/pages/index.vue
+++ b/fixtures/vitesse/src/pages/index.vue
@@ -3,7 +3,7 @@ const user = useUserStore()
 const name = $ref(user.savedName)
 
 const router = useRouter()
-const go = () => {
+function go() {
   if (name)
     router.push(`/hi/${encodeURIComponent(name)}`)
 }
diff --git a/package.json b/package.json
index ebe33bec34..b78f7b1055 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "@ow3/eslint-config-monorepo",
   "version": "0.37.2",
   "private": true,
-  "packageManager": "pnpm@7.21.0",
+  "packageManager": "pnpm@8.1.1",
   "author": "Chris Breuer",
   "license": "MIT",
   "engines": {
@@ -19,10 +19,10 @@
   },
   "devDependencies": {
     "@ow3/eslint-config": "*",
-    "bumpp": "^9.0.0",
-    "eslint": "^8.34.0",
+    "bumpp": "^9.1.0",
+    "eslint": "^8.38.0",
     "eslint-plugin-ow3": "workspace:*",
-    "rimraf": "^4.1.2",
-    "typescript": "^4.9.5"
+    "rimraf": "^4.4.1",
+    "typescript": "^5.0.3"
   }
 }
diff --git a/packages/basic/index.js b/packages/eslint-config-basic/index.js
similarity index 97%
rename from packages/basic/index.js
rename to packages/eslint-config-basic/index.js
index c4bdef03cb..3ff8eec6d4 100644
--- a/packages/basic/index.js
+++ b/packages/eslint-config-basic/index.js
@@ -223,6 +223,7 @@ module.exports = {
     'import/no-mutable-exports': 'error',
     'import/no-unresolved': 'off',
     'import/no-absolute-path': 'off',
+    'import/newline-after-import': ['error', { count: 1 }],
 
     // Common
     'semi': ['error', 'never'],
@@ -331,6 +332,11 @@ module.exports = {
     'operator-linebreak': ['error', 'before'],
     'max-statements-per-line': ['error', { max: 1 }],
 
+    // node
+    // 'n/prefer-global/process': ['error', 'never'], // Not sure if we need it as we are using `process.env.NODE_ENV` a lot in front-end.
+    'n/prefer-global/buffer': ['error', 'never'],
+    'n/no-callback-literal': 'off',
+
     // unicorns
     // Pass error message when throwing errors
     'unicorn/error-message': 'error',
@@ -362,7 +368,6 @@ module.exports = {
     'import/no-named-as-default-member': 'off',
     'import/no-named-as-default': 'off',
     'import/namespace': 'off',
-    'n/no-callback-literal': 'off',
 
     'sort-imports': [
       'error',
@@ -382,6 +387,7 @@ module.exports = {
     // ow3
     'ow3/if-newline': 'error',
     'ow3/import-dedupe': 'error',
+    'ow3/top-level-function': 'error',
     // 'ow3/prefer-inline-type-import': 'error',
   },
 }
diff --git a/packages/basic/package.json b/packages/eslint-config-basic/package.json
similarity index 79%
rename from packages/basic/package.json
rename to packages/eslint-config-basic/package.json
index f75c245cb2..6ab74ae7db 100644
--- a/packages/basic/package.json
+++ b/packages/eslint-config-basic/package.json
@@ -22,19 +22,19 @@
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-html": "^7.1.0",
     "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jsonc": "^2.6.0",
+    "eslint-plugin-jsonc": "^2.7.0",
     "eslint-plugin-markdown": "^3.0.0",
-    "eslint-plugin-n": "^15.6.1",
+    "eslint-plugin-n": "^15.7.0",
     "eslint-plugin-no-only-tests": "^3.1.0",
     "eslint-plugin-ow3": "workspace:*",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-unicorn": "^45.0.2",
+    "eslint-plugin-unicorn": "^46.0.0",
     "eslint-plugin-unused-imports": "^2.0.0",
     "eslint-plugin-yml": "^1.5.0",
-    "jsonc-eslint-parser": "^2.1.0",
-    "yaml-eslint-parser": "^1.0.1"
+    "jsonc-eslint-parser": "^2.2.0",
+    "yaml-eslint-parser": "^1.2.0"
   },
   "devDependencies": {
-    "eslint": "^8.34.0"
+    "eslint": "^8.37.0"
   }
 }
diff --git a/packages/basic/standard.js b/packages/eslint-config-basic/standard.js
similarity index 100%
rename from packages/basic/standard.js
rename to packages/eslint-config-basic/standard.js
diff --git a/packages/react/index.js b/packages/eslint-config-react/index.js
similarity index 100%
rename from packages/react/index.js
rename to packages/eslint-config-react/index.js
diff --git a/packages/react/package.json b/packages/eslint-config-react/package.json
similarity index 92%
rename from packages/react/package.json
rename to packages/eslint-config-react/package.json
index dd44664b76..a1a5acb207 100644
--- a/packages/react/package.json
+++ b/packages/eslint-config-react/package.json
@@ -24,8 +24,8 @@
     "eslint-plugin-react-hooks": "^4.6.0"
   },
   "devDependencies": {
-    "eslint": "^8.34.0",
+    "eslint": "^8.37.0",
     "react": "^18.2.0",
-    "typescript": "^4.9.5"
+    "typescript": "^5.0.3"
   }
 }
diff --git a/packages/typescript/index.js b/packages/eslint-config-ts/index.js
similarity index 100%
rename from packages/typescript/index.js
rename to packages/eslint-config-ts/index.js
diff --git a/packages/typescript/package.json b/packages/eslint-config-ts/package.json
similarity index 83%
rename from packages/typescript/package.json
rename to packages/eslint-config-ts/package.json
index 85d19b5ce3..513d659ece 100644
--- a/packages/typescript/package.json
+++ b/packages/eslint-config-ts/package.json
@@ -18,12 +18,12 @@
   },
   "dependencies": {
     "@ow3/eslint-config-basic": "workspace:*",
-    "@typescript-eslint/eslint-plugin": "^5.53.0",
-    "@typescript-eslint/parser": "^5.53.0",
+    "@typescript-eslint/eslint-plugin": "^5.57.1",
+    "@typescript-eslint/parser": "^5.57.1",
     "eslint-plugin-jest": "^27.2.1",
     "eslint-plugin-neverthrow": "^1.1.4"
   },
   "devDependencies": {
-    "eslint": "^8.34.0"
+    "eslint": "^8.37.0"
   }
 }
diff --git a/packages/vue/index.js b/packages/eslint-config-vue/index.js
similarity index 99%
rename from packages/vue/index.js
rename to packages/eslint-config-vue/index.js
index f8cb4e8807..d0bbea1ae6 100644
--- a/packages/vue/index.js
+++ b/packages/eslint-config-vue/index.js
@@ -68,6 +68,7 @@ module.exports = {
     }],
     'vue/no-restricted-v-bind': ['error', '/^v-/'],
     'vue/no-useless-v-bind': 'error',
+    'vue/no-unused-refs': 'error',
     'vue/padding-line-between-blocks': ['error', 'always'],
     'vue/prefer-separate-static-class': 'error',
 
diff --git a/packages/vue/package.json b/packages/eslint-config-vue/package.json
similarity index 88%
rename from packages/vue/package.json
rename to packages/eslint-config-vue/package.json
index 44f632086b..57010c987a 100644
--- a/packages/vue/package.json
+++ b/packages/eslint-config-vue/package.json
@@ -17,10 +17,10 @@
   "dependencies": {
     "@ow3/eslint-config-basic": "workspace:*",
     "@ow3/eslint-config-ts": "workspace:*",
-    "eslint-plugin-vue": "^9.9.0",
+    "eslint-plugin-vue": "^9.10.0",
     "local-pkg": "^0.4.3"
   },
   "devDependencies": {
-    "eslint": "^8.34.0"
+    "eslint": "^8.37.0"
   }
 }
diff --git a/packages/all/index.js b/packages/eslint-config/index.js
similarity index 100%
rename from packages/all/index.js
rename to packages/eslint-config/index.js
diff --git a/packages/all/package.json b/packages/eslint-config/package.json
similarity index 67%
rename from packages/all/package.json
rename to packages/eslint-config/package.json
index f309c56b17..a35897ddd5 100644
--- a/packages/all/package.json
+++ b/packages/eslint-config/package.json
@@ -17,21 +17,21 @@
   },
   "dependencies": {
     "@ow3/eslint-config-vue": "workspace:*",
-    "@typescript-eslint/eslint-plugin": "^5.53.0",
-    "@typescript-eslint/parser": "^5.53.0",
+    "@typescript-eslint/eslint-plugin": "^5.57.1",
+    "@typescript-eslint/parser": "^5.57.1",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-html": "^7.1.0",
     "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jsonc": "^2.6.0",
-    "eslint-plugin-n": "^15.6.1",
+    "eslint-plugin-jsonc": "^2.7.0",
+    "eslint-plugin-n": "^15.7.0",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-unicorn": "^45.0.2",
-    "eslint-plugin-vue": "^9.9.0",
+    "eslint-plugin-unicorn": "^46.0.0",
+    "eslint-plugin-vue": "^9.10.0",
     "eslint-plugin-yml": "^1.5.0",
-    "jsonc-eslint-parser": "^2.1.0",
-    "yaml-eslint-parser": "^1.0.1"
+    "jsonc-eslint-parser": "^2.2.0",
+    "yaml-eslint-parser": "^1.2.0"
   },
   "devDependencies": {
-    "eslint": "^8.34.0"
+    "eslint": "^8.37.0"
   }
 }
diff --git a/packages/eslint-plugin-ow3/package.json b/packages/eslint-plugin-ow3/package.json
index 095db56c8f..39ea0b9c0c 100644
--- a/packages/eslint-plugin-ow3/package.json
+++ b/packages/eslint-plugin-ow3/package.json
@@ -16,11 +16,11 @@
     "prepublishOnly": "pnpm run build"
   },
   "dependencies": {
-    "@typescript-eslint/utils": "^5.53.0"
+    "@typescript-eslint/utils": "^5.57.1"
   },
   "devDependencies": {
-    "@types/node": "^18.14.1",
-    "unbuild": "^1.1.2",
-    "vitest": "^0.28.5"
+    "@types/node": "^18.15.11",
+    "unbuild": "^1.2.0",
+    "vitest": "^0.29.8"
   }
 }
diff --git a/packages/eslint-plugin-ow3/src/index.ts b/packages/eslint-plugin-ow3/src/index.ts
index 3a39f9e619..9d3774c447 100644
--- a/packages/eslint-plugin-ow3/src/index.ts
+++ b/packages/eslint-plugin-ow3/src/index.ts
@@ -2,6 +2,7 @@ import genericSpacing from './rules/generic-spacing'
 import ifNewline from './rules/if-newline'
 import importDedupe from './rules/import-dedupe'
 import preferInlineTypeImport from './rules/prefer-inline-type-import'
+import topLevelFunction from './rules/top-level-function'
 
 export default {
   rules: {
@@ -9,5 +10,6 @@ export default {
     'import-dedupe': importDedupe,
     'prefer-inline-type-import': preferInlineTypeImport,
     'generic-spacing': genericSpacing,
+    'top-level-function': topLevelFunction,
   },
 }
diff --git a/packages/eslint-plugin-ow3/src/rules/top-level-function.test.ts b/packages/eslint-plugin-ow3/src/rules/top-level-function.test.ts
new file mode 100644
index 0000000000..06c671b1c5
--- /dev/null
+++ b/packages/eslint-plugin-ow3/src/rules/top-level-function.test.ts
@@ -0,0 +1,58 @@
+import { RuleTester } from '@typescript-eslint/utils/dist/ts-eslint'
+import { it } from 'vitest'
+import rule, { RULE_NAME } from './top-level-function'
+
+const valids = [
+  'function foo() {}',
+  // allow arrow function inside function
+  'function foo() { const bar = () => {} }',
+  // allow arrow function when type is specified
+  'const Foo: Bar = () => {}',
+  // allow let/var
+  'let foo = () => {}',
+  // allow arrow function in as
+  'const foo = (() => {}) as any',
+  // allow iife
+  ';(() => {})()',
+  // allow export default
+  'export default () => {}',
+  'export default defineConfig(() => {})',
+]
+
+const invalids = [
+  [
+    'const foo = (as: string, bar: number) => { return as + bar }',
+    'function foo (as: string, bar: number) { return as + bar }',
+  ],
+  [
+    'const foo = <K, T extends Boolean>(as: string, bar: number): Omit<T, K> => as + bar',
+    'function foo <K, T extends Boolean>(as: string, bar: number): Omit<T, K> {\n  return as + bar\n}',
+  ],
+  [
+    'export const foo = () => {}',
+    'export function foo () {}',
+  ],
+  [
+    'export const foo = () => ({})',
+    'export function foo () {\n  return {}\n}',
+  ],
+  [
+    'export const foo = async () => ({})',
+    'export async function foo () {\n  return {}\n}',
+  ],
+]
+
+it('runs', () => {
+  const ruleTester: RuleTester = new RuleTester({
+    parser: require.resolve('@typescript-eslint/parser'),
+  })
+
+  ruleTester.run(RULE_NAME, rule, {
+    valid: valids,
+    invalid: invalids.map(i => ({
+      code: i[0],
+      output: i[1],
+      errors: [{ messageId: 'topLevelFunctionDeclaration' }],
+    })),
+  })
+})
diff --git a/packages/eslint-plugin-ow3/src/rules/top-level-function.ts b/packages/eslint-plugin-ow3/src/rules/top-level-function.ts
new file mode 100644
index 0000000000..b0ce043038
--- /dev/null
+++ b/packages/eslint-plugin-ow3/src/rules/top-level-function.ts
@@ -0,0 +1,83 @@
+import { createEslintRule } from '../utils'
+
+export const RULE_NAME = 'top-level-function'
+export type MessageIds = 'topLevelFunctionDeclaration'
+export type Options = []
+
+export default createEslintRule<Options, MessageIds>({
+  name: RULE_NAME,
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'Enforce top-level functions to be declared with function keyword',
+      recommended: 'error',
+    },
+    fixable: 'code',
+    schema: [],
+    messages: {
+      topLevelFunctionDeclaration: 'Top-level functions should be declared with function keyword',
+    },
+  },
+  defaultOptions: [],
+  create: (context) => {
+    return {
+      VariableDeclaration(node) {
+        if (node.parent.type !== 'Program' && node.parent.type !== 'ExportNamedDeclaration')
+          return
+
+        if (node.declarations.length !== 1)
+          return
+        if (node.kind !== 'const')
+          return
+        if (node.declare)
+          return
+
+        const declaration = node.declarations[0]
+
+        if (declaration.init?.type !== 'ArrowFunctionExpression')
+          return
+        if (declaration.id?.type !== 'Identifier')
+          return
+        if (declaration.id.typeAnnotation)
+          return
+
+        const arrowFn = declaration.init
+        const body = declaration.init.body
+        const id = declaration.id
+
+        context.report({
+          node,
+          loc: {
+            start: id.loc.start,
+            end: body.loc.start,
+          },
+          messageId: 'topLevelFunctionDeclaration',
+          fix(fixer) {
+            const code = context.getSourceCode().text
+            const textName = code.slice(id.range[0], id.range[1])
+            const textArgs = arrowFn.params.length
+              ? code.slice(arrowFn.params[0].range[0], arrowFn.params[arrowFn.params.length - 1].range[1])
+              : ''
+            const textBody = body.type === 'BlockStatement'
+              ? code.slice(body.range[0], body.range[1])
+              : `{\n  return ${code.slice(body.range[0], body.range[1])}\n}`
+            const textGeneric = arrowFn.typeParameters
+              ? code.slice(arrowFn.typeParameters.range[0], arrowFn.typeParameters.range[1])
+              : ''
+            const textTypeReturn = arrowFn.returnType
+              ? code.slice(arrowFn.returnType.range[0], arrowFn.returnType.range[1])
+              : ''
+            const textAsync = arrowFn.async ? 'async ' : ''
+
+            const final = `${textAsync}function ${textName} ${textGeneric}(${textArgs})${textTypeReturn} ${textBody}`
+            // console.log({
+            //   input: code.slice(node.range[0], node.range[1]),
+            //   output: final,
+            // })
+            return fixer.replaceTextRange([node.range[0], node.range[1]], final)
+          },
+        })
+      },
+    }
+  },
+})