Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

chore(deps): update nuxt framework #879

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

chore(deps): update nuxt framework #879

wants to merge 1 commit into from

Conversation

renovate[bot]
Copy link
Contributor

@renovate renovate bot commented Jul 18, 2024 •
edited
Loading

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
@nuxt/kit (source) ^3.12.3 -> ^3.13.1 age adoption passing confidence
@nuxt/test-utils ^3.13.1 -> ^3.14.2 age adoption passing confidence
nuxt (source) ^3.12.3 -> ^3.13.1 age adoption passing confidence

Release Notes

nuxt/nuxt (@​nuxt/kit)

v3.13.1

Compare Source

3.13.1 is the next regularly scheduled patch release.

👀 Highlights

Although this is a patch release, there are two features I'd love to draw your attention to.

  1. 🆔 useId now uses a built-in Vue composable for stable ids between server + client! https://github.com/nuxt/nuxt/pull/28285
  2. 🔥 a new experimental.buildCache feature now allows for quicker app rebuilds https://github.com/nuxt/nuxt/pull/28726

As always, feedback is appreciated 🙏 ❤️

✅ Upgrading

As usual, our recommendation for upgrading is to run:

npx nuxi@latest upgrade --force

This will refresh your lockfile as well, and ensures that you pull in updates from other dependencies that Nuxt relies on, particularly in the unjs ecosystem.

👉 Changelog

compare changes

🔥 Performance
  • nuxt: Cache vue app build outputs (#​28726)
  • nuxt: Use ServerPlaceholder for ssr client components (#​28563)
  • nuxt: Use reducer array + handle modified proto (#​28768)
🩹 Fixes
  • schema: Resolve user-provided serverDir relative to root (#​28700)
  • nuxt: Handle mismatching declaration/plugin extensions (#​28709)
  • nuxt: Do not accept arbitrary strings for MiddlewareKey (#​28676)
  • nuxt: Do not pass listeners to custom NuxtLink (#​28738)
  • nuxt: Generate basic jsdoc for module config entry (#​27689)
  • nuxt: Augment NuxtOptions as well as config (#​28747)
  • nuxt: Improve error logging in import protections (#​28753)
  • nuxt: Handle deleted cookies from CookieStore events (#​28760)
  • nuxt: Allow updating appConfig with non-iterable objects (#​28773)
  • nuxt: Improve isNuxtError type inference (#​28814)
💅 Refactors
  • nuxt: Update to vue v3.5 + native useId (#​28285)
📖 Documentation
  • Fix typo (#​28724)
  • Update broken/redirected links (#​28739)
  • Capitalize text (#​28734)
  • Updated line number for nuxt build-time hooks (#​28746)
  • Add missing query returned value from useRoute() (#​28743)
  • Persist package manager choice in code blocks (#​28514)
  • Fix postcss codeblock typo (#​28801)
  • Include --frozen-lockfile when installing dependencies (#​28794)
🏡 Chore
✅ Tests
❤️ Contributors

v3.13.0

Compare Source

👀 Highlights

I'm pretty excited about this release - we've ported some features we had planned for Nuxt v4 back to v3, as well as a raft of bug fixes and performance improvements - as usual.

Here are a few of things I'm most excited about.

🏘️ Route Groups

We now support naming directories with parentheses/brackets to organise your routes without affecting the path.

For example:

-| pages/
---| index.vue
---| (marketing)/
-----| about.vue
-----| contact.vue

This will produce /, /about and /contact pages in your app. The marketing group is ignored for purposes of your URL structure.

Read more in the original PR.

🏝️ Islands and Head Metadata

It's now possible for server component islands to manipulate the head, such as by adding SEO metadata when rendering.

Read more in #​27987.

🪝 Custom Prefetch Triggers

We now support custom prefetch triggers for NuxtLink (#​27846).

For example:

<template>
  <div>
    <NuxtLink prefetch-on="interaction">
      This will prefetch when hovered or when it gains focus
    </NuxtLink>
    <!-- note that you probably don't want both enabled! -->
    <NuxtLink :prefetch-on="{ visibility: true, interaction: true }">
      This will prefetch when hovered/focus - or when it becomes visible
    </NuxtLink>
  </div>
</template>

It's also possible to enable/disable these globally for your app and override them per link.

For example:

export default defineNuxtConfig({
  experimental: {
    defaults: {
      nuxtLink: {
        prefetch: true,
        prefetchOn: { visibility: false, interaction: true }
      }
    }
  }
})
🗺️ Better Server Source Maps

When running with node --enable-source-maps, you may have noticed that the source maps for the Vue files in your server build pointed to the Vite build output (something like .nuxt/dist/server/_nuxt/index-O15BBwZ3.js).

Now, even after your Nitro build, your server source maps will reference your original source files (#​28521).

Note that one of the easiest ways of improving your build performance is to turn off source maps if you aren't using them, which you can do easily in your nuxt.config:

export default defineNuxtConfig({
  sourcemap: {
    server: false,
    client: true,
  },
})
🎁 New Features for Module Authors

In the run-up to Nuxt v4, we're working on adding some key functionality for module authors, including a new isNuxtMajorVersion utility where required (#​27579) and better inferred typing for merged module options using the new defineNuxtModule().with() method (#​27520).

✨ Improved Dev Warnings

We no longer warn when using data fetching composables in middleware (#​28604) and we warn when user components' names begin with Lazy (#​27838).

🚨 Vue TypeScript Changes

For a while, in the Vue ecosystem, we've been augmenting @vue/runtime-core to add custom properties and more to vue. However, this inadvertently breaks the types for projects that augment vue - which is now the officially recommended in the docs way to augment these interfaces (for example, ComponentCustomProperties, GlobalComponents and so on).

This means all libraries must update their code (or it will break the types of libraries that augment vue instead).

We've updated our types in Nuxt along these lines but you may experience issues with the latest vue-router when used with libraries which haven't yet done so.

Please create an issue with a reproduction - I'll happily help create a PR to resolve in the upstream library in question. Or you may be able to work around the issue by creating a declarations.d.ts in the root of your project with the following code (credit):

import type {
  ComponentCustomOptions as _ComponentCustomOptions,
  ComponentCustomProperties as _ComponentCustomProperties,
} from 'vue';

declare module '@&#8203;vue/runtime-core' {
  interface ComponentCustomProperties extends _ComponentCustomProperties {}
  interface ComponentCustomOptions extends _ComponentCustomOptions {}
}
✅ Upgrading

As usual, our recommendation for upgrading is to run:

npx nuxi@latest upgrade --force

This will refresh your lockfile as well, and ensures that you pull in updates from other dependencies that Nuxt relies on, particularly in the unjs ecosystem.

👉 Changelog

compare changes

🚀 Enhancements
  • nuxt: Await custom routes function in router.options (#​27644)
  • kit: Add new isNuxtMajorVersion compatibility util (#​27579)
  • kit,schema: Add .with for better module options types (#​27520)
  • nuxt: Warn when user components' names begin with Lazy (#​27838)
  • nuxt: Allow specifying app id when creating a nuxt app (#​28392)
  • nuxt: Custom enable/disable hooks for usePreviewMode (#​28371)
  • kit: Add prepend option to addRouteMiddleware (#​28496)
  • nuxt: Allow organising pages within route groups (#​28276)
  • vite: Preserve vite sourcemaps for nitro build (#​28521)
  • nuxt: Allow defining triggers for prefetching links (#​27846)
  • nuxt: Namespace __NUXT__ when using multi-app (#​27263)
  • nuxt: Allow server islands to manipulate head (#​27987)
🔥 Performance
  • nuxt: Call cookie decode function only for named cookie (#​28215)
  • nuxt: Avoid making client-only component setup async (#​28334)
  • nuxt: Avoid multiple calls to getCachedData (#​28472)
🩹 Fixes
  • nuxt: Don't warn for definePageMeta in client-only pages (#​28246)
  • kit: Include module dist/runtime/ in tsconfig includes (#​28237)
  • schema: Support absolute/relative paths for assetsDir (59f0099f4)
  • schema: Do not override user serverDir (#​28249)
  • schema: Use new options syntax for vite-plugin-vue (#​28307)
  • schema: Export new module return types (c0ad8db93)
  • kit: Add missing type import (1a60b4541)
  • vite,webpack: Handle local postcss plugins (#​28481)
  • nuxt: Handle scroll-padding-top: auto in scrollBehavior (#​28320)
  • nuxt: Ensure runtimeConfig.public is reactive on client (#​28443)
  • nuxt: Update renamed stub composables from nuxt/scripts (#​28449)
  • nuxt: Augment @vue/runtime-core and @vue/runtime-dom (#​28446)
  • nuxt: Scan jsx pages for page metadata (#​28479)
  • nuxt: Handle plugin type extensions more correctly (#​28480)
  • vite: Respect baseURL for public assets in dev (#​28482)
  • vite: Add transformation result to log for parse errors (#​28508)
  • vite: Include module symbols in generated code (#​28509)
  • nuxt: Add reason when aborting request in useFetch (#​28517)
  • nuxt: Only augment vue, not sub-packages (#​28542)
  • nuxt: Avoid stripping js extensions in plugin injections (#​28593)
  • nuxt: Preserve route-specific metadata on route.meta (#​28441)
  • nuxt: Don't warn when data fetching in middleware (#​28604)
  • nuxt: Extract route rules/page meta in 2+ script blocks (#​28625)
  • nuxt: Allow customising status code in validate method (#​28612)
  • nuxt: Do not provide default prefetchOn prop (#​28630)
  • nuxt: Revert back to object syntax for island head (#​28656)
📖 Documentation
  • Fix issue in cookie passing example (#​28223)
  • Fix note in layers usage chapter (#​28236)
  • Fix spaces (#​28233)
  • Add vue lang to sample code (#​28247)
  • Use splitSetCookieString from cookie-es (29f95ae0d)
  • Use headers.getSetCookie (45c6df9a4)
  • Fix codemod command typos (#​28279)
  • bunx -> bun x (#​28277)
  • Add missing comma to example (#​28300)
  • Add language to example schema codeblock (#​28294)
  • Update link to RuntimeNuxtHooks (#​28336)
  • Update links to social media (cd5195047)
  • Setup host property and usage example (#​28331)
  • Fix TypeScript errors for examples (#​28403)
  • Improve readability of link to mdn (#​28327)
  • Use ts for create-error example (#​28411)
  • Alias links in jsdoc @see blocks (#​28270)
  • Link to vue test utils docs for mountSuspended (#​28463)
  • Remove vue-tsc major version constraint (#​28484)
  • Recommend '#teleports' target instead of 'body' (#​28489)
  • Correct custom routing link (#​28497)
  • Improve typing of default exports (#​28520)
  • Fix options type in custom useFetch recipe (#​28389)
  • Update useRuntimeConfig source path (#​28553)
  • Add line-breaks to tips in Module Author Guide (#​28587)
  • Update nuxt scripts status (#​28629)
🏡 Chore
✅ Tests
  • Disable pageTransition in client-only page (#​27839)
  • Ignore SharedComponent in server head (510f3e28f)
  • Update bundle size (3ecb95a7c)
🤖 CI
  • Add reproduire-sur-stackblitz workflow (#​28531)
❤️ Contributors

v3.12.4

Compare Source

3.12.4 is the next regularly scheduled patch release.

👉 Changelog

compare changes

🔥 Performance
  • vite: Start warmups after nitro build (#​27963)
  • vite: Avoid extra resolve call for resolveId in layers (#​27971)
  • kit,nuxt,schema,vite,webpack: Use explicit exports (#​27998)
🩹 Fixes
  • schema: Resolve public alias correctly (#​27975)
  • nuxt: Omit rendering payload prefetch when noScripts (#​27972)
  • nuxt: Add / as fallback if page can't be identified (e6109b226)
  • ui-templates: Validate templates with html-validate (#​28024)
  • schema: Don't constrain postcss plugin options (#​28045)
  • kit: Remove exports from v4 branch (5c8312e9b)
  • nuxt: Use unhead key for ad-hoc module options (#​28088)
  • nuxt: Use native vue-router composables (#​28114)
  • kit: Ensure getNuxtVersion returns string (#​28125)
  • nuxt: Always prerender at least one page with crawler (#​28131)
  • nuxt: Consider doc scroll-padding-top in scrollBehavior (#​28083)
  • nuxt: Only warn when useAsyncData returns undefined (#​28154)
  • nuxt: Revert change to getCachedData null response (d10cea11b)
  • schema: Don't use app/ as srcDir if it doesn't exist (#​28176)
  • kit: Normalise serverDir within layers using v4 compat (#​28177)
  • nuxt: Allow getCachedData to return undefined (#​28187)
  • nuxt: Use addEventListener to register cookie store listener (#​28193)
  • nuxt: Merge route meta properties with scanned meta (#​28170)
  • nuxt: Prevent duplicate set-cookie headers (#​28211)
💅 Refactors
  • schema,vite,webpack: Rework postcss module loading (#​27946)
  • nuxt: Remove _registeredComponents from ssrContext (#​27819)
  • nuxt: Use errx to handle dev log traces (#​28027)
📖 Documentation
  • Fix link (83bd4fde9)
  • Fix Cloudflare spelling (#​27989)
  • Update example to use nuxtApp.runWithContext (#​28000)
  • Remove deprecated pending variable from data fetching docs (#​28011)
  • Clarify xrsp danger (#​28053)
  • Deprecate pending and emphasis undefined (#​28113)
  • Update phrasing in route announcer (#​28108)
  • Use code groups for install commands in module guide (#​28094)
  • Capitalize text (#​28056)
  • Mention content in upgrade guide v4 folder structure (#​28090)
  • Remove a resolved issue from view transition docs (#​28091)
  • Clarify navigateTo is not for nitro routes (#​28092)
  • Warn about nested islands (#​28062)
  • Add info about layers/ directory (#​28128)
  • Codemods for migrating to Nuxt 4 (#​28072)
✅ Tests
  • Add typeCheck test in minimal build (#​28166)
🤖 CI
  • Run prepare step before linting docs (f8fbefb42)
  • Run prepare step before linting docs (d629b82b3)
❤️ Contributors
nuxt/test-utils (@​nuxt/test-utils)

v3.14.2

Compare Source

compare changes

🔥 Performance
  • e2e: Use tinyexec to run commands (#​939)
🩹 Fixes
  • config: Exclude new nuxt import-conditions plugin (7cc8f653b)
📖 Documentation
🏡 Chore
  • vitest-environment-nuxt: Specify license is MIT (#​919)
  • Release vitest-environment-nuxt (e30c044cf)
  • Update @nuxtjs/i18n separately (3d8955d36)
  • Set compatibilityDate in fixtures (7723f969c)
  • Update vitest type import (05e94fcc4)
  • Trim tag from tinyexec stdout (2b50cfee0)
❤️ Contributors

v3.14.1

Compare Source

compare changes

🩹 Fixes
  • e2e,config: Provide fallback compatibilityDate (8e01e3f7f)
  • module: Don't include type-check plugin in resolved vitest plugins (#​911)
📖 Documentation
  • Provide intellisense hints for setup properties (#​906)
🏡 Chore
❤️ Contributors

v3.14.0

Compare Source

compare changes

🚀 Enhancements
  • runtime-utils: Expose setup result from renderSuspended (#​852)
  • e2e: Allow overwriting env variables in setup (#​903)
  • e2e: Allow running e2e tests against existing server (#​803)
  • e2e: Allow updating env in context before setup runs (#​812)
🩹 Fixes
  • runtime-utils: Ts-ignore #build/ import until nuxt v3.12 release (66b23ae6)
  • runtime-utils: Allow setProps to replace an array (#​877)
🏡 Chore
✅ Tests
  • Bump timeout in windows browser spec (73e2c716)
❤️ Contributors

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.

  • If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

@what-the-diff What The Diff
Copy link

what-the-diff bot commented Jul 18, 2024

PR Summary

  • Updated Nuxt and Nuxt Kit Versions
    The versions of Nuxt and @Nuxt/kit in the package.json file have been updated to 3.12.4. This brings improvements and bug fixes from the latest versions, enhancing the stability and performance of your application.

@netlify Netlify
Copy link

netlify bot commented Jul 18, 2024 •
edited
Loading

✅ Deploy Preview for nuxt-tailwindcss ready!

Name Link
🔨 Latest commit 8299972
🔍 Latest deploy log https://app.netlify.com/sites/nuxt-tailwindcss/deploys/66e069650a6d0f0008fab20e
😎 Deploy Preview https://deploy-preview-879--nuxt-tailwindcss.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@renovate renovate bot changed the title chore(deps): update nuxt framework to ^3.12.4 chore(deps): update nuxt framework Jul 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
0 participants