docs(readme): add examples

README.md

@@ -37,20 +37,43 @@ npm install --save-dev nuxt-lucide-icons
 
 2. Add `nuxt-lucide-icons` to the `modules` section of `nuxt.config.ts`
 
-```js
+```ts
+export default defineNuxtConfig({
+  modules: [
+    'nuxt-lucide-icons'
+  ]
+})
+```
+
+3. That's it! You can now use [all Lucide icons](https://lucide.dev/icons) in your Nuxt app ✨
+
+```vue
+<template>
+  <div>
+    <h1>Nuxt Lucide Icons</h1>
+    <LucideRocket />
+    <LucideFolderGit2 color="red" />
+    <LucideGithub :size="32" />
+  </div>
+</template>
+```
+
+## Configuration
+
+Don't like the default component name prefix? You can change it in `nuxt.config.ts`:
+
+```ts
 export default defineNuxtConfig({
   modules: [
     'nuxt-lucide-icons'
   ],
 
   lucide: {
-    namePrefix: 'Lucide'
+    namePrefix: 'Icon'
   }
 })
 ```
 
-That's it! You can now use all Lucide icons in your Nuxt app ✨
-
 ## Development
 
 ```bash