docs: improve seo titleTemplate and add social images (#9235)

* docs: improve seo titleTemplate and add social images

* chore: update

docs/content/0.index.md

@@ -1,5 +1,6 @@
 ---
 title: 'The Intuitive Web Framework'
+head.titleTemplate: 'Nuxt: %s'
 description: 'Build your next Vue.js application with confidence using Nuxt. An open source framework under MIT license that makes web development simple and powerful.'
 showcasesListId: 505
 ---

docs/content/1.docs/1.getting-started/1.introduction.md

@@ -1,6 +1,5 @@
 ---
 navigation.icon: uil:info-circle
-titleTemplate: '%s'
 description: Nuxt's goal is to make web development intuitive and performant with a great DX in mind.
 ---
 

docs/content/1.docs/1.getting-started/10.upgrade-guide/_dir.yml

@@ -1 +0,0 @@
-navigation.icon: uil:arrow-circle-up

docs/content/1.docs/1.getting-started/_dir.yml

@@ -1 +1,3 @@
 title: Get Started
+titleTemplate: '%s · Get Started with Nuxt'
+image: '/socials/get-started.png'

docs/content/1.docs/2.guide/1.concepts/_dir.yml

@@ -1,3 +1,4 @@
 title: Key Concepts
 titleTemplate: '%s · Nuxt Concepts'
 navigation.icon: uil:award-alt
+image: '/socials/key-concepts.png'

docs/content/1.docs/2.guide/2.directory-structure/0.nuxt.md

@@ -2,7 +2,7 @@
 navigation.icon: IconDirectory
 title: ".nuxt"
 description: "Nuxt uses the .nuxt/ directory in development to generate your Vue application."
-head.title: ".nuxt"
+head.title: ".nuxt/"
 ---
 
 # .nuxt Directory

docs/content/1.docs/2.guide/2.directory-structure/0.output.md

@@ -2,7 +2,7 @@
 navigation.icon: IconDirectory
 title: ".output"
 description: "Nuxt creates the .output/ directory when building your application for production."
-head.title: ".output"
+head.title: ".output/"
 ---
 
 # Output Directory

docs/content/1.docs/2.guide/2.directory-structure/1.assets.md

@@ -2,7 +2,7 @@
 navigation.icon: IconDirectory
 title: "assets"
 description: "The assets/ directory is used to add all the website's assets that the build tool will process."
-head.title: "Assets"
+head.title: "assets/"
 ---
 
 # Assets Directory

docs/content/1.docs/2.guide/2.directory-structure/1.components.md

@@ -2,7 +2,7 @@
 navigation.icon: IconDirectory
 title: "components"
 description: "The components/ directory is where you put all your Vue components."
-head.title: "Components"
+head.title: "components/"
 ---
 
 # Components Directory

docs/content/1.docs/2.guide/2.directory-structure/1.composables.md

@@ -1,7 +1,7 @@
 ---
 navigation.icon: IconDirectory
 title: 'composables'
-head.title: Composables
+head.title: 'composables/'
 description: Use the composables/ directory to auto-import your Vue composables into your application.
 ---
 

docs/content/1.docs/2.guide/2.directory-structure/1.content.md

@@ -1,7 +1,7 @@
 ---
 navigation.icon: IconDirectory
 title: 'content'
-head.title: Content
+head.title: 'content/'
 description: The Content module reads the content/ directory to create a file-based CMS for your application.
 ---
 

docs/content/1.docs/2.guide/2.directory-structure/1.layouts.md

@@ -2,7 +2,7 @@
 navigation.icon: IconDirectory
 title: "layouts"
 description: "Nuxt provides a layouts framework to extract common UI patterns into reusable layouts."
-head.title: "Layouts"
+head.title: "layouts/"
 ---
 
 # Layouts Directory

docs/content/1.docs/2.guide/2.directory-structure/1.middleware.md

@@ -2,7 +2,7 @@
 navigation.icon: IconDirectory
 title: "middleware"
 description: "Nuxt provides middleware to run code before navigating to a particular route."
-head.title: "Middleware"
+head.title: "middleware/"
 ---
 
 # Middleware Directory

docs/content/1.docs/2.guide/2.directory-structure/1.node_modules.md

@@ -2,7 +2,7 @@
 navigation.icon: IconDirectory
 title: "node_modules"
 description: "The package manager stores the dependencies of your project in the node_modules/ directory."
-head.title: "Node Modules"
+head.title: "node_modules/"
 ---
 
 # Node modules Directory

docs/content/1.docs/2.guide/2.directory-structure/1.pages.md

@@ -2,7 +2,7 @@
 navigation.icon: IconDirectory
 title: "pages"
 description: "Nuxt provides a file-based routing to create routes within your web application."
-head.title: "Pages"
+head.title: "pages/"
 ---
 
 # Pages Directory

docs/content/1.docs/2.guide/2.directory-structure/1.plugins.md

@@ -2,7 +2,7 @@
 navigation.icon: IconDirectory
 title: "plugins"
 description: "Nuxt reads the files in your plugins directory and loads them at the creation of the Vue application."
-head.title: "Plugins"
+head.title: "plugins/"
 ---
 
 # Plugins Directory

docs/content/1.docs/2.guide/2.directory-structure/1.public.md

@@ -2,7 +2,7 @@
 navigation.icon: IconDirectory
 title: "public"
 description: "The public/ directory is used to serve your website's static assets."
-head.title: "Public"
+head.title: "public/"
 ---
 
 # Public Directory

docs/content/1.docs/2.guide/2.directory-structure/1.server.md

@@ -1,7 +1,7 @@
 ---
 navigation.icon: IconDirectory
 title: server
-head.title: Server
+head.title: 'server/'
 description: The server/ directory is used to register API and server handlers to your application.
 ---
 

docs/content/1.docs/2.guide/2.directory-structure/1.utils.md

@@ -1,7 +1,7 @@
 ---
 navigation.icon: IconDirectory
 title: 'utils'
-head.title: Utils
+head.title: 'utils/'
 description: Use the utils/ directory to auto-import your utility functions throughout your application.
 ---
 

docs/content/1.docs/2.guide/2.directory-structure/2.gitignore.md

@@ -2,7 +2,7 @@
 navigation.icon: IconFile
 title: ".gitignore"
 description: "A .gitignore file specifies intentionally untracked files that git should ignore."
-head.title: "Git Ignore File"
+head.title: ".gitignore"
 ---
 
 # Git Ignore File

docs/content/1.docs/2.guide/2.directory-structure/2.nuxtignore.md

@@ -1,7 +1,7 @@
 ---
 navigation.icon: IconFile
 title: .nuxtignore
-head.title: Nuxt Ignore File
+head.title: '.nuxtignore'
 description: The .nuxtignore file lets Nuxt ignore files in your project’s root directory during the build phase.
 ---
 

docs/content/1.docs/2.guide/2.directory-structure/3.app.config.md

@@ -1,7 +1,7 @@
 ---
 navigation.icon: IconFile
 title: app.config.ts
-head.title: Nuxt App Config
+head.title: 'app.config.ts'
 description: Nuxt 3 provides the app.config file to expose reactive configuration within your application.
 ---
 

docs/content/1.docs/2.guide/2.directory-structure/3.app.md

@@ -2,7 +2,7 @@
 navigation.icon: IconFile
 title: "app.vue"
 description: "The app.vue file is the main component in your Nuxt 3 applications."
-head.title: "App File"
+head.title: "app.vue"
 ---
 
 # App file

docs/content/1.docs/2.guide/2.directory-structure/3.nuxt.config.md

@@ -2,7 +2,7 @@
 navigation.icon: IconFile
 title: "nuxt.config.ts"
 description: "Nuxt can be easily configured with a single nuxt.config file."
-head.title: "Nuxt Configuration File"
+head.title: "nuxt.config.ts"
 ---
 
 # Nuxt Config File

docs/content/1.docs/2.guide/2.directory-structure/3.package.md

@@ -1,7 +1,7 @@
 ---
 navigation.icon: IconFile
 title: package.json
-head.title: Package.json File
+head.title: package.json
 description: The package.json file contains all the dependencies and scripts for your application.
 ---
 

docs/content/1.docs/2.guide/2.directory-structure/3.tsconfig.md

@@ -2,7 +2,7 @@
 navigation.icon: IconFile
 title: "tsconfig.json"
 description: "Nuxt generates a .nuxt/tsconfig.json file with sensible defaults and your aliases."
-head.title: "TypeScript Config File"
+head.title: "tsconfig.json"
 ---
 
 # TypeScript Configuration File

docs/content/1.docs/2.guide/2.directory-structure/_dir.yml

@@ -1,3 +1,4 @@
 title: Directory Structure
 titleTemplate: '%s · Nuxt Directory Structure'
 navigation.icon: uil:folder-open
+image: '/socials/directory-structure.png'

docs/content/1.docs/2.guide/3.deploy/_dir.yml

@@ -1,2 +0,0 @@
-title: Deploy
-navigation.icon: uil:cloud-check

docs/content/1.docs/2.guide/3.deploy/providers/_dir.yml

@@ -1 +0,0 @@
-navigation: false

docs/content/1.docs/2.guide/3.going-further/_dir.yml

@@ -0,0 +1,4 @@
+title: Going further
+titleTemplate: '%s · Nuxt Advanced'
+navigation.icon: uil:star
+image: '/socials/going-further.png'

docs/content/1.docs/2.guide/4.going-further/_dir.yml

@@ -1,2 +0,0 @@
-title: Going further
-navigation.icon: uil:star

docs/content/1.docs/2.guide/_dir.yml

@@ -0,0 +1 @@
+image: '/socials/guide.png'

docs/content/1.docs/3.api/_dir.yml

@@ -1 +1,2 @@
 title: API
+image: '/socials/api.png'

docs/content/1.docs/4.examples/_dir.yml

@@ -0,0 +1 @@
+image: '/socials/examples.png'

docs/content/1.docs/5.community/_dir.yml

@@ -0,0 +1 @@
+image: '/socials/community.png'

docs/content/1.docs/6.bridge/_dir.yml

@@ -1 +1,2 @@
 titleTemplate: 'Migrate to Bridge: %s'
+image: '/socials/guide.png'

docs/content/1.docs/7.migration/_dir.yml

@@ -1 +1,2 @@
 titleTemplate: 'Migrate to Nuxt 3: %s'
+image: '/socials/guide.png'

docs/content/2.modules.md

@@ -2,6 +2,7 @@
 title: Modules
 description: Discover our list of modules to supercharge your Nuxt project. Created by the Nuxt team and community.
 navigation.icon: ph:puzzle-piece
+image: '/socials/modules.png'
 ---
 
 ::modules-hero

docs/content/3.showcase.md

@@ -2,6 +2,7 @@
 title: Showcase
 description: Discover our selection of websites built with Nuxt. This collection is powered by VueTelescope.
 navigation.icon: icon-park-outline:new-computer
+image: '/socials/showcase.png'
 ---
 
 ::showcases-hero

docs/content/4.support/1.solutions.md

@@ -1,6 +1,7 @@
 ---
 title: Solutions
 description: Find experts near you to help you to build and enhance your project.
+image: '/socials/support.png'
 ---
 
 ::support-hero

docs/content/4.support/2.agencies/1.index.md

@@ -1,6 +1,7 @@
 ---
-title: Agencies
+title: Nuxt Partner Agencies
 description: Consult our agency partner catalog and find an agency near you with the right set of skills.
+head.titleTemplate: '%s'
 ---
 
 ::agencies-hero

docs/content/4.support/2.agencies/_dir.yml

@@ -0,0 +1,2 @@
+image: '/socials/agencies.png'
+titleTemplate: '%s · Nuxt Agencies'

docs/content/4.support/3.us.md

@@ -1,6 +1,7 @@
 ---
 title: Sponsors
 description: Nuxt is an open-source framework totally free to use thanks to our generous sponsors.
+image: '/socials/sponsors.png'
 ---
 
 ::sponsors-hero

docs/content/4.support/4.jobs.md

@@ -1,6 +1,7 @@
 ---
 title: Jobs
 description: Browse available openings for coding with Vue and Nuxt all over the world.
+image: '/socials/jobs.png'
 ---
 
 ::jobs-hero

docs/content/4.support/_dir.yml

@@ -1 +1,2 @@
 navigation.icon: ph:lifebuoy
+titleTemplate: '%s · Nuxt Support'

docs/content/design-kit.md

@@ -1,6 +1,7 @@
 ---
 title: Design Kit
 description: Welcome to Nuxt design definition page. Identity was redefined by handpicking conscientiously colors, typography and shapes in order to put forward how performant, useful & easy Nuxt products are.
+image: '/socials/design-kit.png'
 ---
 
 ::resources-design-kit-hero

docs/package.json

@@ -10,7 +10,7 @@
   "devDependencies": {
     "jiti": "^1.16.0",
     "nuxt": "^3.0.0",
-    "nuxt-website-theme": "^0.1.7",
+    "nuxt-website-theme": "^0.1.9",
     "pathe": "^1.0.0",
     "scule": "^1.0.0",
     "untyped": "^1.0.0"

docs/yarn.lock

@@ -4120,7 +4120,7 @@ __metadata:
   dependencies:
     jiti: ^1.16.0
     nuxt: ^3.0.0
-    nuxt-website-theme: ^0.1.7
+    nuxt-website-theme: ^0.1.9
     pathe: ^1.0.0
     scule: ^1.0.0
     untyped: ^1.0.0
@@ -8908,9 +8908,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nuxt-website-theme@npm:^0.1.7":
-  version: 0.1.7
-  resolution: "nuxt-website-theme@npm:0.1.7"
+"nuxt-website-theme@npm:^0.1.9":
+  version: 0.1.9
+  resolution: "nuxt-website-theme@npm:0.1.9"
   dependencies:
     "@docsearch/css": ^3.3.0
     "@docsearch/js": ^3.3.0
@@ -8933,7 +8933,7 @@ __metadata:
     tailwindcss-border-gradient-radius: ^3.0.1
     three: ^0.146.0
     vue-lite-youtube-embed: ^1.0.4
-  checksum: c43cb87566906beeb0719a856d91e8d7528abd93ff50c5ff876ebab1cf3b6f997f495f734db9d53274ebd71a6bc6f1057bcb52123236c4901215c920cb056b8a
+  checksum: 81aa37196786beeb68b575b70fa2984ea0bf87e58993e9cb3c87b7022ba2a6aeb86f9f62c2783498f1034c6c2623dfc63d33a33414eae355b6707631529b8016
   languageName: node
   linkType: hard