fix(layer): resolve UI components from layer directory in multi-layer setup

.claude/settings.local.json

@@ -0,0 +1,21 @@
+{
+  "permissions": {
+    "allow": [
+      "mcp__plugin_chrome-devtools-mcp_chrome-devtools__new_page",
+      "mcp__plugin_chrome-devtools-mcp_chrome-devtools__take_snapshot",
+      "mcp__plugin_chrome-devtools-mcp_chrome-devtools__list_console_messages",
+      "mcp__plugin_chrome-devtools-mcp_chrome-devtools__take_screenshot",
+      "mcp__plugin_chrome-devtools-mcp_chrome-devtools__list_network_requests",
+      "mcp__plugin_chrome-devtools-mcp_chrome-devtools__evaluate_script",
+      "mcp__plugin_chrome-devtools-mcp_chrome-devtools__get_network_request",
+      "mcp__plugin_chrome-devtools-mcp_chrome-devtools__navigate_page",
+      "Bash(bun run dev)",
+      "WebFetch(domain:www.shadcn-vue.com)",
+      "WebFetch(domain:shadcn-vue.com)",
+      "Bash(gh label list:*)",
+      "Bash(gh repo view:*)"
+    ],
+    "deny": [],
+    "ask": []
+  }
+}

.env.secrets

@@ -1,6 +1,2 @@
 # Secrets (will be encrypted with dotenvx)
 # Run: bun x dotenvx encrypt
-
-# Cloudflare deployment credentials
-CLOUDFLARE_API_TOKEN=rGeRpJxv4E3wU_DrDaxihWmAb1DHNFwdaHF72-kD
-CLOUDFLARE_ACCOUNT_ID=20f4dac8c33060fc42fd560d8e90b630

.gemini/settings.json

@@ -0,0 +1,8 @@
+{
+    "context": {
+        "fileName": [
+            "CLAUDE.md",
+            "GEMINI.md"
+        ]
+    }
+}

CLAUDE.md

@@ -72,6 +72,7 @@ packages/layer/
 ### Configuration Schema
 
 Site configuration in `app.config.ts`:
+
 - `docs.title` - Site title
 - `docs.description` - Site description
 - `docs.url` - Site URL
@@ -80,6 +81,7 @@ Site configuration in `app.config.ts`:
 ### Using the Layer
 
 Apps extend the layer via `nuxt.config.ts`:
+
 ```ts
 export default defineNuxtConfig({
   extends: ['@pleaseai/docs'],
@@ -88,4 +90,4 @@ export default defineNuxtConfig({
 
 ## ESLint
 
-Uses `@antfu/eslint-config` with Vue and formatters enabled.
+Uses `@antfu/eslint-config` with Vue and formatters enabled.

README.md

@@ -9,6 +9,7 @@ A documentation system using **shadcn-vue** + **Nuxt Content**, inspired by Docu
 A Nuxt layer for documentation sites. Replaces nuxt-ui with shadcn-vue components.
 
 **Features:**
+
 - shadcn-vue UI components (Button, Separator, etc.)
 - Tailwind CSS v4 with CSS variables (oklch colors)
 - Documentation layout with sidebar navigation

apps/docs/.gitignore

@@ -0,0 +1,4 @@
+/node_modules/
+/.wrangler/
+/.nuxt/
+/.data/

apps/docs/content/docs/1.getting-started/2.installation.md

@@ -43,10 +43,11 @@ export default defineNuxtConfig({
 Create a `content` directory and add your first page:
 
 ```md
-<!-- content/index.md -->
----
+## <!-- content/index.md -->
+
 title: Welcome
 description: My documentation site
+
 ---
 
 # Welcome to My Docs

apps/docs/content/docs/1.getting-started/3.configuration.md

@@ -67,11 +67,11 @@ docs: {
 
 The layer automatically detects environment variables:
 
-| Variable | Description |
-|----------|-------------|
-| `NUXT_SITE_URL` | Site URL |
-| `VERCEL_GIT_REPO_OWNER` | GitHub owner (Vercel) |
-| `GITHUB_REPOSITORY` | GitHub repository (GitHub Actions) |
+| Variable                | Description                        |
+| ----------------------- | ---------------------------------- |
+| `NUXT_SITE_URL`         | Site URL                           |
+| `VERCEL_GIT_REPO_OWNER` | GitHub owner (Vercel)              |
+| `GITHUB_REPOSITORY`     | GitHub repository (GitHub Actions) |
 
 ## Next Steps
 

apps/docs/content/docs/1.getting-started/4.writing-content.md

@@ -30,6 +30,7 @@ Prefix folders and files with numbers to control the order:
 - `1.introduction.md` appears before `2.installation.md`
 
 The numbers are stripped from the URL:
+
 - `content/docs/1.getting-started/1.introduction.md` → `/docs/getting-started/introduction`
 
 ## Frontmatter
@@ -51,7 +52,9 @@ description: A brief description for SEO
 
 ```md
 # H1 - Page Title
+
 ## H2 - Section
+
 ### H3 - Subsection
 ```
 
@@ -85,7 +88,7 @@ const hello = 'world'
 
 ```md
 | Column 1 | Column 2 |
-|----------|----------|
+| -------- | -------- |
 | Cell 1   | Cell 2   |
 ```
 

apps/docs/content/docs/2.components/1.overview.md

@@ -18,6 +18,7 @@ The site header with navigation and dark mode toggle.
 ```
 
 Features:
+
 - Site title/logo
 - Navigation links
 - Dark/light mode toggle
@@ -40,6 +41,7 @@ Navigation sidebar for documentation pages.
 ```
 
 Features:
+
 - Hierarchical navigation
 - Active state highlighting
 - Collapsible sections
@@ -53,6 +55,7 @@ Table of contents for the current page.
 ```
 
 Features:
+
 - Auto-generated from headings
 - Scroll-aware active state
 - Depth-based indentation
@@ -103,15 +106,24 @@ The layer includes shadcn-vue components:
 ### Button
 
 ```vue
-<Button variant="default">Click me</Button>
-<Button variant="outline">Outline</Button>
-<Button variant="ghost">Ghost</Button>
+<Button variant="default">
+Click me
+</Button>
+
+<Button variant="outline">
+Outline
+</Button>
+
+<Button variant="ghost">
+Ghost
+</Button>
 ```
 
 ### Separator
 
 ```vue
 <Separator />
+
 <Separator orientation="vertical" />
 ```
 

apps/docs/content/docs/2.components/2.button.md

@@ -24,57 +24,75 @@ import { Button } from '~/components/ui/button'
 ### Default
 
 ```vue
-<Button variant="default">Default</Button>
+<Button variant="default">
+Default
+</Button>
 ```
 
 ### Destructive
 
 ```vue
-<Button variant="destructive">Destructive</Button>
+<Button variant="destructive">
+Destructive
+</Button>
 ```
 
 ### Outline
 
 ```vue
-<Button variant="outline">Outline</Button>
+<Button variant="outline">
+Outline
+</Button>
 ```
 
 ### Secondary
 
 ```vue
-<Button variant="secondary">Secondary</Button>
+<Button variant="secondary">
+Secondary
+</Button>
 ```
 
 ### Ghost
 
 ```vue
-<Button variant="ghost">Ghost</Button>
+<Button variant="ghost">
+Ghost
+</Button>
 ```
 
 ### Link
 
 ```vue
-<Button variant="link">Link</Button>
+<Button variant="link">
+Link
+</Button>
 ```
 
 ## Sizes
 
 ### Default
 
 ```vue
-<Button size="default">Default</Button>
+<Button size="default">
+Default
+</Button>
 ```
 
 ### Small
 
 ```vue
-<Button size="sm">Small</Button>
+<Button size="sm">
+Small
+</Button>
 ```
 
 ### Large
 
 ```vue
-<Button size="lg">Large</Button>
+<Button size="lg">
+Large
+</Button>
 ```
 
 ### Icon
@@ -87,12 +105,12 @@ import { Button } from '~/components/ui/button'
 
 ## Props
 
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `variant` | `string` | `'default'` | Button variant |
-| `size` | `string` | `'default'` | Button size |
-| `as` | `string` | `'button'` | Element to render |
-| `asChild` | `boolean` | `false` | Merge props onto child |
+| Prop      | Type      | Default     | Description            |
+| --------- | --------- | ----------- | ---------------------- |
+| `variant` | `string`  | `'default'` | Button variant         |
+| `size`    | `string`  | `'default'` | Button size            |
+| `as`      | `string`  | `'button'`  | Element to render      |
+| `asChild` | `boolean` | `false`     | Merge props onto child |
 
 ## With Icons
 

apps/docs/content/docs/2.components/3.separator.md

@@ -47,10 +47,10 @@ Use `orientation="vertical"` for vertical separators:
 
 ## Props
 
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `orientation` | `'horizontal' \| 'vertical'` | `'horizontal'` | Orientation of the separator |
-| `decorative` | `boolean` | `true` | Whether the separator is decorative |
+| Prop          | Type                         | Default        | Description                         |
+| ------------- | ---------------------------- | -------------- | ----------------------------------- |
+| `orientation` | `'horizontal' \| 'vertical'` | `'horizontal'` | Orientation of the separator        |
+| `decorative`  | `boolean`                    | `true`         | Whether the separator is decorative |
 
 ## Styling
 

apps/docs/eslint.config.mjs

@@ -0,0 +1,12 @@
+// @ts-check
+import antfu from '@antfu/eslint-config'
+import withNuxt from './.nuxt/eslint.config.mjs'
+
+export default withNuxt(
+    antfu({
+            formatters: false,
+            vue: true,
+            markdown: false,
+            type: 'app',
+        })
+)

apps/docs/nuxt.config.ts

@@ -1,18 +1,23 @@
+import tailwindcss from '@tailwindcss/vite'
+import { defineNuxtConfig } from 'nuxt/config'
+
 export default defineNuxtConfig({
   extends: ['@pleaseai/docs'],
-
   site: {
-    name: 'PleaseAI Docs',
+    name: 'DOCS PLEASE Docs',
     url: 'https://docs.please.ai',
   },
-
   compatibilityDate: '2025-01-01',
-
   nitro: {
       preset: "cloudflare_module",
       cloudflare: {
           deployConfig: true,
           nodeCompat: true
       }
   },
-})
+    eslint: {
+    config: {
+        standalone: false
+    }
+},
+})

apps/docs/package.json

@@ -1,19 +1,25 @@
 {
   "name": "@pleaseai/docs-site",
+  "type": "module",
   "version": "0.1.0",
   "private": true,
-  "type": "module",
   "scripts": {
     "dev": "nuxt dev",
     "build": "nuxt build",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
-    "postinstall": "nuxt prepare"
+    "postinstall": "nuxt prepare",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix"
   },
   "dependencies": {
     "@pleaseai/docs": "workspace:*"
   },
   "devDependencies": {
+    "@antfu/eslint-config": "^6.2.0",
+    "@tailwindcss/vite": "^4.1.17",
+    "eslint": "^9.38.0",
+    "eslint-plugin-format": "^1.0.2",
     "nuxt": "^4.2.1"
   }
 }