nuxt-carbonbadge v1.0.3

Nuxt-CarbonBadge

Website Carbon compatibility and easy installation to find out how much carbon footprint your website.

• ✨  Release Notes
• 🏀 Online playground

Features ✨

• Nuxt 3 ready
• 🌑 Dark and 🌕 Light mode

Quick Setup

1. Add nuxt-carbonbadge dependency to your project

# Using pnpm
pnpm add -D nuxt-carbonbadge

# Using yarn
yarn add --dev nuxt-carbonbadge

# Using npm
npm install --save-dev nuxt-carbonbadge

2. Add nuxt-carbonbadge to the modules section of nuxt.config.ts

export default defineNuxtConfig({
  modules: [
    'nuxt-carbonbadge'
  ]
})

Usage 👌

Props:

• darkMode: Change Dark Mode or Light Mode (default: false)

<CarbonBadge />

<template>
  <footer>
    <CarbonBadge />
  </footer>
</template>

That's it! You can now use Nuxt-CarbonBadge in your Nuxt app ✨

Contributing 🙏

1. Clone this repository
2. Install dependencies using pnpm install (install pnpm with corepack enable, learn more)
3. Run npm run dev:prepare to generate type stubs.
4. Use npm run dev to start playground in development mode.