nuxt-seo-ui

⚠️ After careful consideration, this package will no longer be developed. The core feature of this module, useBreadcrumbItems will be moved to Nuxt SEO.

---

Fully styled and customizable components for improving your Nuxt SEO.

Status: Experimental Please report any issues 🐛 Made possible by my Sponsor Program 💖 Follow me @harlan_zw 🐦 • Join Discord for help

ℹ️ Looking for a complete SEO solution? Check out Nuxt SEO Kit.

Components

• Breadcrumbs
• More coming soon

Features

• Zero-config integrations with: nuxt-icon, nuxt-site-config and @nuxtjs/i18n
• Fully styled or headless, you choose
• Accessible

Zero Config Integrations

• nuxt-site-config

Adds all entries automatically with generated lastmod. Images are included from any <img> tags

• nuxt-icon

Render icons in the components.

• @nuxtjs/i18n

Translates accesibiliy labels for the language.

Install

npm install --save-dev nuxt-seo-ui

# Using yarn
yarn add --dev nuxt-seo-ui

Setup

nuxt.config.ts

export default defineNuxtConfig({
  modules: [
    'nuxt-seo-ui',
  ],
})

Usage

Module Config

enabled

• Type: boolean
• Default: undefined

Will stop the module from running if set to false.

prefix

• Type: string
• Default: s

The prefix to use for the components. For example, setting Seo as the prefix will make components accessible as SeoBreadcrumbs.

global

• Type: boolean
• Default: false

Should components be registered globally.

Sponsors

License

MIT License © 2022-PRESENT Harlan Wilton