nuxt-seo-ui

Nuxt UI components built for SEO integrations.
4,480 5
Install
npm install nuxt-seo-ui
Latest Version:0.4.4
Vue:3
License:MIT
Last Updated:Mar 6, 2025
Links: GitHub  ·  npm
Maintainer: harlan_zw

nuxt-seo-ui

NPM version NPM Downloads GitHub stars

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

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

Render icons in the components.

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

Version History

Version Released Vue License
0.4.4 ^3.0 MIT
0.4.3 ^3.0 MIT
0.4.2 ^3.0 MIT
0.4.1 ^3.0 MIT
0.4.0 ^3.0 MIT