Update branch

Author: Ivan Bochkarev

.env.example

@@ -1,8 +1,8 @@
-# Specify the path of the docs/ directory of nuxt/nuxt locally
-NUXT_DOCS_PATH=
-# Specify the path of the .docs/ directory of nuxt/examples locally
+# Specify the path of the nuxt/nuxt repository locally
+NUXT_PATH=
+# Specify the path of the nuxt/examples repository locally
 NUXT_EXAMPLES_PATH=
-# Specify the path of @nuxt/ui-pro locally
+# Specify the path of the nuxt/ui-pro repository locally
 NUXT_UI_PRO_PATH=
 # Production token for @nuxt/ui-pro, purchase on https://ui.nuxt.com/pro/purchase
 NUXT_UI_PRO_LICENSE=
@@ -12,3 +12,20 @@ NUXT_PUBLIC_SITE_URL=
 NUXT_GITHUB_TOKEN=
 # Use for Turnsttle: Privacy-focused alternative to CAPTCHA from Cloudflare https://nuxt.com/modules/turnstile
 NUXT_PUBLIC_TURNSTILE_SITE_KEY=
+
+# ===================================
+# Authentication (Optional)
+# ===================================
+# Required only for the feedback analytics admin dashboard
+# Create a GitHub OAuth app at: https://github.com/settings/applications/new
+# Callback URL: http://localhost:3000/api/auth/github (adjust for your domain)
+
+# GitHub OAuth Application Client ID
+NUXT_OAUTH_GITHUB_CLIENT_ID=
+
+# GitHub OAuth Application Client Secret  
+NUXT_OAUTH_GITHUB_CLIENT_SECRET=
+
+# Session encryption password (generate a secure random string)
+# You can use: openssl rand -base64 32
+NUXT_SESSION_PASSWORD=

.github/workflows/ci.yml

@@ -13,23 +13,23 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - run: npm i -g --force corepack && corepack enable
+      - run: corepack enable
       - uses: actions/setup-node@v4
         with:
           node-version: 20
           cache: "pnpm"
       - run: pnpm install
-      - run: pnpm nuxi prepare
+      - run: pnpm nuxt prepare
       - run: pnpm lint
   typecheck:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - run: npm i -g --force corepack && corepack enable
+      - run: corepack enable
       - uses: actions/setup-node@v4
         with:
           node-version: 20
           cache: "pnpm"
       - run: pnpm install
-      - run: pnpm nuxi prepare
+      - run: pnpm nuxt prepare
       - run: pnpm typecheck

.github/workflows/e2e.yml

@@ -13,15 +13,15 @@ jobs:
   lighthouse:
     environment:
       name: ${{ github.event.deployment.environment || 'Production' }}
-      url: ${{ github.event.inputs.url || github.event.deployment.payload.web_url || github.event.deployment_status.target_url }}
+      url: ${{ github.event.inputs.url || github.event.deployment_status.environment_url }}
     if: github.event.deployment_status.state == 'success' || github.event_name == 'workflow_dispatch'
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
       - name: Audit URLs using Lighthouse
         uses: treosh/lighthouse-ci-action@v12
         with:
-          urls: ${{ github.event.inputs.url || github.event.deployment.payload.web_url || github.event.deployment_status.target_url }}
+          urls: ${{ github.event.inputs.url || github.event.deployment_status.environment_url }}
           uploadArtifacts: true
           temporaryPublicStorage: true
         env:
@@ -30,7 +30,7 @@ jobs:
   warmup:
     environment:
       name: ${{ github.event.deployment.environment || 'Production' }}
-      url: ${{ github.event.inputs.url || github.event.deployment.payload.web_url || github.event.deployment_status.target_url }}
+      url: ${{ github.event.inputs.url || github.event.deployment_status.environment_url }}
     if: github.event.deployment_status.state == 'success' || github.event_name == 'workflow_dispatch'
     runs-on: ubuntu-latest
 
@@ -41,4 +41,4 @@ jobs:
           curl -sS $BASE_URL/api/sponsors
           curl -sS $BASE_URL/api/modules
         env:
-          BASE_URL: ${{ github.event.inputs.url || github.event.deployment.payload.web_url || github.event.deployment_status.target_url }}
+          BASE_URL: ${{ github.event.inputs.url || github.event.deployment_status.environment_url }}

.github/workflows/nuxthub.yml

@@ -0,0 +1,48 @@
+name: Deploy to NuxtHub
+
+on:
+  push:
+  repository_dispatch:
+    types: [docs-updated]
+
+jobs:
+  deploy:
+    name: "Deploy to NuxtHub"
+    runs-on: ubuntu-latest
+    environment:
+      name: ${{ github.ref == 'refs/heads/main' && 'production' || 'preview' }}
+      url: ${{ steps.deploy.outputs.deployment-url }}
+    permissions:
+      contents: read
+      id-token: write
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Ensure NuxtHub module is installed
+        run: pnpx nuxthub@latest ensure
+
+      - name: Build application
+        run: pnpm build
+        env:
+          NUXT_UI_PRO_LICENSE: ${{ secrets.NUXT_UI_PRO_LICENSE }}
+          NUXT_CONTENT_PREVIEW_STAGING_API: https://dev-api.nuxt.studio
+          NUXT_SITE_URL: https://nuxt.com
+
+      - name: Deploy to NuxtHub
+        uses: nuxt-hub/action@v1
+        id: deploy
+        with:
+          project-key: nuxt-com-lvuq

.gitignore

@@ -18,3 +18,5 @@ dist
 # Local editor
 *.code-workspace
 .idea/
+
+.wrangler

CODEOWNERS

@@ -0,0 +1,2 @@
+* @danielroe
+* @atinux

README.md

@@ -21,7 +21,7 @@ pnpm install
 cp .env.example .env
 ```
 
-Клонируйте/сделайте форк репозитория [translation-gang/nuxt](https://github.com/translation-gang/nuxt) в нужном вам месте (но не в проекте Nuxt.com) и внутри директории `docs/`, запустите:
+Clone/Fork [nuxt/nuxt](https://github.com/translation-gang/nuxt) repo where you want (but not in the Nuxt.com project) and inside the root of the repo, run:
 
 ```bash
 pwd
@@ -33,7 +33,7 @@ pwd
 echo %cd%
 ```
 
-Скопируйте вывод команды выше и вставьте его в переменную `NUXT_DOCS_PATH` в файле `.env`.
+Скопируйте вывод команды выше и вставьте его в переменную `NUXT_PATH` в файле `.env`.
 
 ## Разработка
 
@@ -45,7 +45,7 @@ pnpm dev
 
 ### Добавьте шаблон Nuxt
 
-Чтобы добавить шаблон Nuxt в список, добавьте его в список на странице [./content/4.templates.yml](./content/4.templates.yml).
+Чтобы добавить шаблон Nuxt в список, добавьте его в папку [./content/templates](./content/templates).
 
 Обязательно запустите сервер разработки, чтобы сгенерировать скриншот для шаблона, и перейдите по адресу <http://localhost:3000/templates>, чтобы увидеть результат.
 

app/app.config.ts

@@ -1,188 +1,26 @@
 export default defineAppConfig({
   ui: {
-    primary: 'green',
-    gray: 'slate',
-    avatar: {
-      default: {
-        icon: 'i-ph-image'
-      }
-    },
-    button: {
-      default: {
-        loadingIcon: 'i-ph-spinner'
-      }
-    },
-    input: {
-      default: {
-        loadingIcon: 'i-ph-spinner'
-      }
-    },
-    select: {
-      default: {
-        loadingIcon: 'i-ph-spinner',
-        trailingIcon: 'i-ph-caret-down'
-      }
-    },
-    selectMenu: {
-      default: {
-        selectedIcon: 'i-ph-check'
-      }
-    },
-    notification: {
-      default: {
-        closeButton: {
-          icon: 'i-ph-x'
-        }
-      }
-    },
-    commandPalette: {
-      default: {
-        icon: 'i-ph-magnifying-glass',
-        loadingIcon: 'i-ph-spinner',
-        selectedIcon: 'i-ph-check',
-        emptyState: {
-          icon: 'i-ph-magnifying-glass'
-        },
-        closeButton: {
-          icon: 'i-ph-x'
-        }
-      }
-    },
-    table: {
-      default: {
-        sortAscIcon: 'i-ph-sort-ascending',
-        sortDescIcon: 'i-ph-sort-descending',
-        sortButton: {
-          icon: 'i-ph-list'
-        },
-        loadingState: {
-          icon: 'i-ph-spinner'
-        },
-        emptyState: {
-          icon: 'i-ph-database'
-        }
-      }
-    },
-    pagination: {
-      default: {
-        prevButton: {
-          icon: 'i-ph-arrow-left'
-        },
-        nextButton: {
-          icon: 'i-ph-arrow-right'
-        }
-      }
-    },
-    card: {
-      rounded: 'rounded-xl'
-    },
-    tooltip: {
-      background: '!bg-background',
-      popper: {
-        strategy: 'absolute'
-      }
-    },
-    breadcrumb: {
-      divider: {
-        base: 'w-4 h-4'
-      },
-      default: {
-        divider: 'i-ph-caret-right'
-      }
-    },
-    // `@nuxt/ui-pro` specific
-    variables: {
-      dark: {
-        background: 'var(--color-gray-950)'
-      }
-    },
-    icons: {
-      dark: 'i-ph-moon',
-      light: 'i-ph-sun',
-      search: 'i-ph-magnifying-glass',
-      external: 'i-ph-arrow-up-right',
-      chevron: 'i-ph-caret-down',
-      hash: 'i-ph-hash'
-    },
-    header: {
-      wrapper: 'lg:mb-0 lg:border-0',
-      links: {
-        trailingIcon: {
-          base: 'w-4 h-4'
-        },
-        popover: {
-          popper: {
-            strategy: 'absolute'
-          },
-          ui: {
-            width: 'w-[16rem]'
-          }
-        }
-      },
-      popover: {
-        links: {
-          active: 'dark:bg-gray-950/50',
-          inactive: 'dark:hover:bg-gray-950/50'
-        }
-      },
-      button: {
-        icon: {
-          open: 'i-ph-list',
-          close: 'i-ph-x'
-        }
-      }
-    },
-    navigation: {
-      accordion: {
-        button: {
-          trailingIcon: {
-            base: 'w-4 h-4'
-          }
-        }
-      }
-    },
-    page: {
-      card: {
-        to: 'dark:hover:bg-gray-900/50'
+    colors: {
+      primary: 'green',
+      neutral: 'slate',
+      important: 'violet'
+    }
+  },
+  uiPro: {
+    pageHero: {
+      slots: {
+        container: 'py-10 sm:py-20 lg:py-20',
+        title: 'sm:text-5xl'
       }
     },
-    content: {
-      search: {
-        fileIcon: {
-          name: 'i-ph-file-text'
-        }
-      },
-      toc: {
-        button: {
-          trailingIcon: {
-            base: 'w-4 h-4'
-          }
-        }
-      },
-      surround: {
-        icon: {
-          prev: 'i-ph-arrow-left',
-          next: 'i-ph-arrow-right'
-        }
-      },
-      collapsible: {
-        button: {
-          icon: {
-            base: 'w-3 h-3'
-          }
-        }
+    prose: {
+      img: {
+        base: 'w-full'
       },
-      prose: {
-        code: {
-          button: {
-            icon: {
-              copy: 'i-ph-copy',
-              copied: 'i-ph-check-square'
-            }
-          },
-          icon: {
-            terminal: 'i-ph-terminal-window'
-          }
+      codeTree: {
+        slots: {
+          root: 'bg-default m-0',
+          content: '[&>div>pre]:rounded-r-none'
         }
       }
     }