up

Author: benjamincanac

skills/nuxt-ui/SKILL.md

@@ -162,5 +162,14 @@ app.mount('#app')
 @import "@nuxt/ui";
 ```
 
+```vue
+<!-- src/App.vue -->
+<template>
+  <UApp>
+    <RouterView />
+  </UApp>
+</template>
+```
+
 > Add `class="isolate"` to your root `<div id="app">` in `index.html`.
 > For Inertia: use `ui({ router: 'inertia' })` in `vite.config.ts`.

skills/nuxt-ui/references/guidelines/conventions.md

@@ -98,12 +98,14 @@ Custom local collections (Nuxt only):
 
 ```ts
 // nuxt.config.ts
-icon: {
-  customCollections: [{
-    prefix: 'custom',
-    dir: './app/assets/icons'
-  }]
-}
+export default defineNuxtConfig({
+  icon: {
+    customCollections: [{
+      prefix: 'custom',
+      dir: './app/assets/icons'
+    }]
+  }
+})
 ```
 
 ### Default icon overrides

skills/nuxt-ui/references/recipes/data-tables.md

@@ -39,6 +39,11 @@ import type { TableColumn } from '@nuxt/ui'
 const search = ref('')
 const roleFilter = ref('All')
 
+const rows = ref([
+  { name: 'Alice', email: 'alice@example.com', role: 'Admin', status: 'Active' },
+  { name: 'Bob', email: 'bob@example.com', role: 'Editor', status: 'Inactive' }
+])
+
 const columns: TableColumn[] = [
   { accessorKey: 'name', header: 'Name' },
   { accessorKey: 'email', header: 'Email' },