[PR #224] [CLOSED] chore(deps-dev): bump @nuxtjs/color-mode from 2.1.1 to 3.0.0 #228

New Issue

arthur · 2025-12-01T17:06:23+01:00

arthur commented

2025-12-01 17:06:23 +01:00

📋 Pull Request Information

Original PR: https://github.com/ArthurDanjou/website-old/pull/224
Author: @dependabot[bot]
Created: 2/17/2022
Status: ❌ Closed

Base: master ← Head: dependabot/npm_and_yarn/nuxtjs/color-mode-3.0.0

📝 Commits (1)

c08d49e chore(deps-dev): bump @nuxtjs/color-mode from 2.1.1 to 3.0.0

📊 Changes

2 files changed (+8 additions, -11 deletions)

View changed files

📝 package.json (+1 -1)
📝 yarn.lock (+7 -10)

📄 Description

Bumps @nuxtjs/color-mode from 2.1.1 to 3.0.0.

Release notes

Sourced from @nuxtjs/color-mode's releases.

v3.0.0

v3 of @nuxtjs/color-mode requires either Nuxt Bridge or Nuxt 3. If you are using Nuxt 2 without Bridge, you should continue to use v2.

🔥 Notable changes

Uses @nuxt/module-builder to build module.

Refactor structure (lib -> src/dist, templates -> runtime)

rewrite in TypeScript

Move from templating options to creating a virtual module for greater performance

Use esbuild to minify the script - note: ⚠️ it's likely this raises the minimum browser target ⚠️

👉 Migration
The main change between Nuxt 2 -> Nuxt 3 is that you will define your color mode at the page level with definePageMeta:
  \<template>
    <h1>This page is forced with light mode</h1>
  </template>
<script>

export default {
colorMode: 'light',
}


definePageMeta({
colorMode: 'light',
})
</script>
⚠️ If you are using Nuxt Bridge, you should not use definePageMeta but instead continue using the component option colorMode.

The $colorMode helper remains the same, but there is also a new composable (useColorMode) which is the recommended way of accessing color mode information.

If you were directly importing color mode configuration types, note that this has been renamed to ModuleOptions.

Changelog

Sourced from @nuxtjs/color-mode's changelog.

3.0.0 (2022-02-16)

⚠ BREAKING CHANGES

add support for nuxt 3/nuxt bridge (#118)

Features

add support for nuxt 3/nuxt bridge (#118) (a5036a4)

Commits

776e238 chore(release): 3.0.0
a5036a4 feat!: add support for nuxt 3/nuxt bridge (#118)
See full diff in compare view

Maintainer changes

This version was pushed to npm by danielroe, a new releaser for @nuxtjs/color-mode since your current version.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR
@dependabot recreate will recreate this PR, overwriting any edits that have been made to it
@dependabot merge will merge this PR after your CI passes on it
@dependabot squash and merge will squash and merge this PR after your CI passes on it
@dependabot cancel merge will cancel a previously requested merge and block automerging
@dependabot reopen will reopen this PR if it is closed
@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/ArthurDanjou/website-old/pull/224 **Author:** [@dependabot[bot]](https://github.com/apps/dependabot) **Created:** 2/17/2022 **Status:** ❌ Closed **Base:** `master` ← **Head:** `dependabot/npm_and_yarn/nuxtjs/color-mode-3.0.0` --- ### 📝 Commits (1) - [`c08d49e`](https://github.com/ArthurDanjou/website-old/commit/c08d49e1c1963b5faa08b9e156d45d1799430718) chore(deps-dev): bump @nuxtjs/color-mode from 2.1.1 to 3.0.0 ### 📊 Changes **2 files changed** (+8 additions, -11 deletions) <details> <summary>View changed files</summary> 📝 `package.json` (+1 -1) 📝 `yarn.lock` (+7 -10) </details> ### 📄 Description Bumps [@nuxtjs/color-mode](https://github.com/nuxt-community/color-mode-module) from 2.1.1 to 3.0.0. <details> <summary>Release notes</summary> <p><em>Sourced from <a href="https://github.com/nuxt-community/color-mode-module/releases"><code>@nuxtjs/color-mode</code>'s releases</a>.</em></p> <blockquote> <h2>v3.0.0</h2> <p>v3 of <code>@nuxtjs/color-mode</code> requires either Nuxt Bridge or Nuxt 3. If you are using Nuxt 2 without Bridge, you should continue to use v2.</p> <h2>🔥 Notable changes</h2> <ol> <li>Uses <code>@nuxt/module-builder</code> to build module.</li> <li>Refactor structure (<code>lib</code> -> <code>src</code>/<code>dist</code>, <code>templates</code> -> <code>runtime</code>)</li> <li>rewrite in TypeScript</li> <li>Move from templating options to creating a virtual module for greater performance</li> <li>Use <code>esbuild</code> to minify the script - note: ⚠️ it's likely this raises the minimum browser target ⚠️</li> </ol> <h2>👉 Migration</h2> <ol> <li> <p>The main change between Nuxt 2 -> Nuxt 3 is that you will define your color mode at the page level with <code>definePageMeta</code>:</p> <pre lang="diff"><code> \<template> <h1>This page is forced with light mode</h1> </template> <p><script></p> <ul> <li>export default {</li> <li>colorMode: 'light',</li> <li>}</li> </ul> <ul> <li>definePageMeta({</li> <li>colorMode: 'light',</li> <li>}) </script> </code></pre></li> </ul> <p>⚠️ If you are using Nuxt Bridge, you should not use <code>definePageMeta</code> but instead continue using the component option <code>colorMode</code>.</p> </li> <li> <p>The <code>$colorMode</code> helper remains the same, but there is also a new composable (<code>useColorMode</code>) which is the recommended way of accessing color mode information.</p> </li> <li> <p>If you were directly importing color mode configuration types, note that this has been renamed to <code>ModuleOptions</code>.</p> </li> </ol> </blockquote> </details> <details> <summary>Changelog</summary> <p><em>Sourced from <a href="https://github.com/nuxt-community/color-mode-module/blob/master/CHANGELOG.md"><code>@nuxtjs/color-mode</code>'s changelog</a>.</em></p> <blockquote> <h2><a href="https://github.com/nuxt-community/color-mode-module/compare/v2.1.1...v3.0.0">3.0.0</a> (2022-02-16)</h2> <h3>⚠ BREAKING CHANGES</h3> <ul> <li>add support for nuxt 3/nuxt bridge (<a href="https://github-redirect.dependabot.com/nuxt-community/color-mode-module/issues/118">#118</a>)</li> </ul> <h3>Features</h3> <ul> <li>add support for nuxt 3/nuxt bridge (<a href="https://github-redirect.dependabot.com/nuxt-community/color-mode-module/issues/118">#118</a>) (<a href="https://github.com/nuxt-community/color-mode-module/commit/a5036a4a816a3baa2bc2a953048469a7a78a851e">a5036a4</a>)</li> </ul> </blockquote> </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/nuxt-community/color-mode-module/commit/776e238131eaec21c4cf448198d5cdd1c23aba83"><code>776e238</code></a> chore(release): 3.0.0</li> <li><a href="https://github.com/nuxt-community/color-mode-module/commit/a5036a4a816a3baa2bc2a953048469a7a78a851e"><code>a5036a4</code></a> feat!: add support for nuxt 3/nuxt bridge (<a href="https://github-redirect.dependabot.com/nuxt-community/color-mode-module/issues/118">#118</a>)</li> <li>See full diff in <a href="https://github.com/nuxt-community/color-mode-module/compare/v2.1.1...v3.0.0">compare view</a></li> </ul> </details> <details> <summary>Maintainer changes</summary> <p>This version was pushed to npm by <a href="https://www.npmjs.com/~danielroe">danielroe</a>, a new releaser for <code>@nuxtjs/color-mode</code> since your current version.</p> </details> <br /> [![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=@nuxtjs/color-mode&package-manager=npm_and_yarn&previous-version=2.1.1&new-version=3.0.0)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) --- <details> <summary>Dependabot commands and options</summary> <br /> You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) </details> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

arthur added the pull-request label 2025-12-01 17:06:23 +01:00

arthur closed this issue

2025-12-01 17:06:23 +01:00

arthur referenced this issue

2025-12-01 17:06:24 +01:00

[PR #228] [CLOSED] chore(deps-dev): bump @nuxtjs/color-mode from 2.1.1 to 3.0.1 #236

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: arthur/website-old#228