Easy generation of OpenGraph & Twitter meta-tags in Nuxt 3 📋

Related tags

Vue.js meta twitter seo nuxt opengraph nuxtjs vue-meta seo-tags nuxt3
Overview

nuxt-social-tags

npm version npm downloads Github Actions CI Codecov License

Easy generation of OpenGraph & Twitter meta-tags in Nuxt 3

Features

  • Nuxt3 ready
  • Composables
  • Simple Usage
  • TypeScript Support

Setup

yarn add nuxt-social-tags # yarn
npm i nuxt-social-tags # npm

Basic usage

Add nuxt-social-tags to your Nuxt config:

// nuxt.config
export default {
  modules: ["nuxt-social-tags"],
};

Development

  1. Clone this repository
  2. Install dependencies using yarn install or npm install
  3. Start development server using yarn dev or npm run dev

License

Copyright (c) 2022 Conner Luka Bachmann MIT License

You might also like...

Nuxt 3 module for Kirby's Query Language API

nuxt-kql Kirby KQL module for Nuxt 3. This module provides a useKql composable, which under the hood uses useFetch. Thus, KQL query fetching in your N

Dec 15, 2022

This repo contains a fully configured nuxt 3 instance supporting TypeScript and several considered as useful libraries, fully configured and ready to use in real world projects!

Nuxt 3 Starter This repo contains a fully configured nuxt 3 instance supporting TypeScript and several considered as useful libraries, fully configure

Dec 27, 2022

Batteries-included, zero-config Ionic integration for Nuxt

Nuxt Ionic Ionic integration for Nuxt ✨ Changelog 📖 Read the documentation ▶️ Online playground Features ⚠️ nuxt-ionic is currently a work in progres

Dec 28, 2022

Http-proxy middleware for Nuxt 3.

nuxt-proxy Http-proxy middleware for Nuxt 3. Installation npm install nuxt-proxy Usage export default defineNuxtConfig({ modules: ['nuxt-proxy'],

Dec 30, 2022

Nuxt 3 module for Web3.js

nuxt-web3.js Nuxt 3 module for Web3.js. Installation npm install nuxt-web3.js Usage export default defineNuxtConfig({ modules: ['nuxt-web3.js'], })

Dec 16, 2022

OpenID-Connect(OIDC) integration module for nuxt 3.0.

Nuxt OpenID-Connect OpenID-Connect(OIDC) integration module for nuxt 3.0. Features An Nuxt 3 module. OIDC integration ( implemetation base openid-clie

Dec 24, 2022

🔎 Meilisearch module for Nuxt 3

🔎 Meilisearch module for Nuxt 3

nuxt-meilisearch Meilisearch module for Nuxt Features Nuxt 3 Easy integration with MeilisearchJS lib Support for Vue Algolia Vue 3 InstantSearch compo

Dec 26, 2022

A modern, zero-dependency uptime monitoring tool & status page based on GitHub Actions & Nuxt Content v2.

A modern, zero-dependency uptime monitoring tool & status page based on GitHub Actions & Nuxt Content v2.

StatusBase Uptime monitoring tool & beautiful status pages Powered by Nuxt Content v2! Free • Open Source • Notification View Demo · Report Bug · Requ

Jul 5, 2022

Nuxt eureka client

Nuxt eureka client

May 30, 2022
Comments
  • OpenGraph image can't be override

    OpenGraph image can't be override

    When I try to set image from composable, twitter:image can be update be not og:image :

    const { updateSocialTags } = useSocialTags()
updateSocialTags({
  title: title,
  description: metaDescription,
  img: image,
  url: route,
})

    og:image keep original image from nuxt.config.js

    <meta property="og:image" content="/default.jpg" />
<meta
  name="twitter:image"
  content="http://api.bookshelves.test/storage/media/covers/483/les-limites-obscures-de-la-magie-novel-fr.webp"
/>
    bug reproduced 
    opened by ewilan-riviere 4
  • Nuxt version `^3.0.0` is required but currently using `3.0.0-rc.8`

    Nuxt version `^3.0.0` is required but currently using `3.0.0-rc.8`

    Getting this:

    WARN Module nuxt-social-tags is disabled due to incompatibility issues: [nuxt] Nuxt version ^3.0.0 is required but currently using 3.0.0-rc.8

    opened by L422Y 1
  • Add `twitter:card`

    Add `twitter:card`

    opened by ewilan-riviere 1
  • useSocialTags not defined when using Vite dev server

    useSocialTags not defined when using Vite dev server

    When using Vite's dev server, I get the following error when attempting to use the useSocialTags composable:

    ReferenceError: useSocialTags is not defined

    This does not happen when building the project; only when using the dev server.

    A workaround is to add the following to nuxt.config.ts:

    imports: {
    dirs: [
        'node_modules/nuxt-social-tags/dist/runtime/composables',
    ],
},
    opened by bricehartmann 0
Releases(v1.2.2)
Owner
Conner
Conner
GitHub https://nuxt-social-tags.netlify.app/
⚡️ Minimal GraphQL Client + Code Generation for Nuxt

nuxt-graphql-client ⚡️ Minimal GraphQL Client + Code Generation for Nuxt ⚡️ Minimal GraphQL Client + Code Generation for Nuxt Features Zero Configurat

Dizzy 245 Dec 27, 2022
Get Vite's `import.meta.hot` at runtime

vite-hot-client Get Vite's import.meta.hot at runtime. You don't normally need this library directly. It's designed for embedded UI on top of Vite for

Anthony Fu 29 May 3, 2022
The design experiment for import.meta.glob from Vite.

vite-plugin-glob The design experiment for import.meta.glob from Vite. Motivations There are quite some scenarios that import.meta.glob wasn't conside

Anthony Fu 166 Sep 17, 2022
The fullstack Angular meta-framework

Analog Analog is a meta-framework for building applications and websites with Angular. Getting Started Use your package manager of choice to create a

null 583 Dec 23, 2022
Nuxt.js module to use Unleash toggle feature services

nuxt-unleash Nuxt.js module to use Unleash toggle feature services ?? Release Notes Features Use $unleash to access and handle your Unleash feature fl

Juanjo Conejero 15 Dec 3, 2022
Easily connect your Nuxt 3 application with LogSnag 📰

Nuxt LogSnag ?? LogSnag integration for Nuxt 3 ✨ Release Notes Features Nuxt 3 ready Easy integration Handy composables TypeScript support Setup Insta

Conner 13 Apr 28, 2022
Nuxt 3 starter with Algolia, Storyblok, and Indexer

Nuxt 3 with Storyblok CMS and Algolia Search (incl. automatic indexing) This is a demo repository for an article in Dev.to. We recommend to look at th

Jakub Andrzejewski 5 May 24, 2022
End-to-end typesafe APIs with tRPC.io in Nuxt applications.

tRPC-Nuxt End-to-end typesafe APIs with tRPC.io in Nuxt applications. The client above is not importing any code from the server, only its type declar

Robert Soriano 231 Dec 30, 2022
A modern, zero-dependency uptime monitoring tool & status page based on GitHub Actions & Nuxt Content v2.

StatusBase Uptime monitoring tool & beautiful status pages Powered by Nuxt Content v2! Free • Open Source • Notification View Demo · Report Bug · Requ

zernonia 208 Dec 27, 2022
🔎 Algolia module for Nuxt

@nuxtjs/algolia Algolia module for Nuxt ✨ Release Notes ?? Read the documentation Features Nuxt 3 ready Easy integration with Algolia Handy composable

Nuxt Community 128 Jan 7, 2023