docs: update config hook

Author: atinux

docs/content/2.tailwind/1.config.md

@@ -2,11 +2,9 @@
 
 This module comes with a default Tailwind configuration file to provide the best possible user experience.
 
----
-
 ## Default configuration
 
-```js{}[tailwind.config.js]
+```js [tailwind.config.js]
 {
   theme: {},
   plugins: [],
@@ -35,9 +33,7 @@ You can extend the default configuration:
 - with the `tailwindcss:config` Nuxt hook
 
 ::alert{type="warning"}
-
 The `tailwind.config` file and `config` options are subject to the [merging strategy](#merging-strategy).
-
 ::
 
 ### `tailwind.config`
@@ -67,7 +63,7 @@ export default {
 }
 ```
 
-```ts{}[tailwind.config.ts]
+```ts [tailwind.config.ts]
 import type { Config } from 'tailwindcss'
 import defaultTheme from 'tailwindcss/defaultTheme'
 
@@ -82,7 +78,7 @@ export default <Partial<Config>>{
 }
 ```
 
-```js{}[tailwind.config.cjs]
+```js [tailwind.config.cjs]
 const defaultTheme = require('tailwindcss/defaultTheme')
 
 module.exports = {
@@ -118,36 +114,38 @@ export default {
 ```
 
 ::alert{type="info"}
-
 This config has less priority over the [tailwind.config.js](#tailwindconfigjs) file.
-
 ::
 
 ### `tailwindcss:config` hook
 
 ::alert{type="warning"}
-
 This is an advanced usage section and intended primarily for Nuxt modules authors.
-
 ::
 
 You can use a [Nuxt hook](https://nuxtjs.org/guides/directory-structure/modules#run-tasks-on-specific-hooks) to extend the Tailwind configuration:
 
-```js
-// ~/modules/nuxt-tailwind-typo/index.js
+```ts
+// ~/modules/nuxt-tailwind-typo/index.ts
+import { defineNuxtModule } from '@nuxt/kit'
 import tailwindTypography from '@tailwindcss/typography'
 
-export default function () {
-  this.nuxt.hook('tailwindcss:config', function (tailwindConfig) {
-    tailwindConfig.plugins.push(tailwindTypography)
-  })
-}
+export default defineNuxtModule({
+  meta: {
+    name: 'nuxt-tailwind-typo'
+  },
+  setup (options, nuxt) {
+    nuxt.hook('tailwindcss:config', function (tailwindConfig) {
+      tailwindConfig.plugins.push(tailwindTypography)
+    })
+  }
+})
 ```
 
-::alert{type="info"}
+Learn more about [Nuxt modules](https://nuxt.com/docs/guide/directory-structure/modules).
 
+::alert{type="info"}
 This hook can be asynchronous (using `async/await`) and is called after merging the configurations and right before calling the PostCSS Tailwind plugin.
-
 ::
 
 ### Merging strategy