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.

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

chore(deps): update all non-major dependencies #156

Merged
merged 1 commit into from
Nov 23, 2023

Conversation

renovate[bot]
Copy link
Contributor

@renovate renovate bot commented Oct 15, 2023

Mend Renovate logo banner

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
@nuxt/kit (source) ^3.7.4 -> ^3.8.2 age adoption passing confidence
nuxt (source) ^3.7.4 -> ^3.8.2 age adoption passing confidence
pnpm (source) 8.9.0 -> 8.10.5 age adoption passing confidence

Release Notes

nuxt/nuxt (@​nuxt/kit)

v3.8.2

Compare Source

3.8.2 is a patch release focusing on bug fixes

👉 Changelog

compare changes

🩹 Fixes
  • vite: Skip warming up node builtins (#​24162)
  • vite: Provide default values for transformAssetUrls (#​24173)
  • nuxt: Wrap caught asyncData error in createError (#​24093)
  • nuxt: Include plugin templates in plugins.d.ts if they will be written (#​23943)
  • nuxt: Handle multi-line slots in islands (#​24212)
  • nuxt: Fix replace regex used for slots in islands SSR (#​24255)
  • vite: Use rollup replace plugin for typeof optimisations (#​23903)
  • nuxt: Provide route component names to KeepAlive cache (#​24024)
  • schema: Use scule types for runtimeConfig type hints (#​23696)
  • nuxt: Deeply unwrap headers/query for useFetch key (#​24307)
  • nuxt: Split component name case in each segment (#​24318)
  • nuxt: Do not compute useFetch key from headers (#​23462, #​24333)
  • nuxt: Set framework info for nitro (#​24340)
  • schema: Add type for ignoreOptions (#​24337)
  • nuxt: Log errors rendering islands (#​24356)
  • nuxt: Respect custom timeout in useFetch (#​24364)
  • nuxt: Use max length + iterations for useCookie timeout (#​24253)
  • nuxt: Handle errors when booting app with app:error (#​24376)
📖 Documentation
  • Remove unused import from example (#​24168)
  • Create a page explaining import.meta (#​24186)
  • Remove link to .nuxtrc in nuxt/starter (56147b4a8)
  • Correct spelling from "opiniated" to "opinionated" (#​24248)
  • Mention new defineNuxtPlugin syntax in bridge migration (#​23036)
  • Mention nuxt3-vuex-module in migration guide (#​24260)
  • Fix links to other auto-imports pages (#​24269)
  • Remove only (#​24295)
  • Update link to deno deploy provider docs (88ee7b7ea)
  • Typos and wording tweaks for getting started section (#​24319)
  • Update .gitignore in directory structure (#​24338)
  • Add hint about app.config placement with custom srcDir (#​24252)
  • Typos and wording tweaks for guide section (#​24323)
  • Remove path for <ContentDoc> in example (#​24244)
  • Mention changing directory in installation guide (#​23680)
  • Use @nuxt/kit-nightly in example (bdedc3207)
  • Update nuxi-edge to nuxi-nightly (#​24347)
  • Minor wording & formatting tweaks (#​24349)
  • Add AWS Amplify Hosting to hosting providers (#​24371)
  • Fix typo (#​24375)
  • Simplify to deployments page (13b93237e)
  • Update to /deploy url (751dad7d7)
  • Improve readme (07ab072bc)
🏡 Chore
  • Extract @nuxt/test-utils to separate repo (#​24146)
  • Remove stray router.options file (7fbcaf290)
  • Fix repository fields in package.json (54529c17d)
  • Add homepage and repo directory to package.jsons (#​24189)
  • Update to use @nuxt/eslint-config (#​24209)
  • Revert coverage provider version (b90b631df)
✅ Tests
  • Add route-provider e2e test (#​24195)
  • nuxt: Add additional unit tests for composables (#​24289)
❤️ Contributors

v3.8.1

Compare Source

3.8.1 is a patch release focused on bug fixes and performance improvements.

👉 Changelog

compare changes

🔥 Performance
  • nuxt: Set pages on nuxt app and deduplicate calls (#​24032)
  • nuxt: Remove pure annotations plugin (#​24033)
  • nuxt: Use granular imports for auto-importing composables (#​23951)
🩹 Fixes
  • nuxt: Ensure we add prerender hints to correct event (#​23799)
  • nuxt: Close payload object (#​23817)
  • schema: Accept single string for extends (#​23795)
  • nuxt: Resolve internal target: blank links with base (#​23751)
  • nuxt,schema: Use std-env to detect whether app is being tested (#​23830)
  • nuxt: Use .json extension for server components (#​23802)
  • nuxt: Handle relative baseURL in nitro runtime config (#​23841)
  • nuxt: Improve watcher logs slightly (#​23857)
  • nuxt: Resolve @unhead/vue in template code (#​23858)
  • kit: Resolve module tsconfig paths relative to dirs (#​23860)
  • nuxt,schema,vite,webpack: Analyze w/o overriding config (#​23856)
  • nuxt: Don't use local fetch with an external baseURL (#​23884)
  • nuxt: Only skip refetching errors when hydrating (#​23889)
  • webpack: Use lodash cloneDeep again (#​23888)
  • nuxt: Init $fetch at entry start (#​23906)
  • nuxt: Render a div when client-only hydrates w/o element (#​23899)
  • vite: Remove postcss-url and duplicate postcss-import (#​23861)
  • nuxt: Use route key for loading indicator/view transition (#​23868)
  • nuxt: Unset useCookie value when it expires (#​23549)
  • vite: Use h3 cors handler for vite routes only (#​23995)
  • schema: Correctly set default cssnano config (#​23980)
  • nuxt: Use payload url for isPrerendered, not current route (#​24031)
  • vite: Don't warm up css deps and normalise urls correctly (#​23975)
  • kit: Fix addServerImportsDir implementation (#​24000)
  • nuxt: Preserve hyphens in component/layout kebab names (#​23902)
  • nuxt: Do not register loading indicator hooks on server (#​24052)
  • nuxt: Reload nitro when spa loading template updates (#​24036)
  • nuxt: Resolve imports from virtual files (#​24022)
  • vite: Include more of warmup within try/catch (#​24072)
  • nuxt: Use shared isChangingPage util in scrollBehavior (#​24091)
  • nuxt: Account for delay ≤ 0 in useCookie (#​24043)
  • nuxt: Handle async children in ClientFallback (#​24086)
  • vite: Normalise entry id for typeCheck plugin (#​24114)
💅 Refactors
  • nuxt: Use useRequestEvent() internally (#​23916)
📖 Documentation
  • Add example of auto-importing components from npm package (#​23792)
  • Update minimum required Node version (#​23821)
  • getting-started: Add schema for server (6d0f45469)
  • Fix typo in pnpm install command (#​23851)
  • Add missing comma (#​23870)
  • Add missing nitro hooks (#​23865)
  • Fix typo in layout description (#​23862)
  • Fix typo in runtime-config page (#​23882)
  • Fix typo (#​23912)
  • Fix typos (#​23921)
  • Rename 3.nuxt.config.md to 3.nuxt-config.md (#​23819)
  • composables: Avoid double read-more in useAppConfig (5fea17288)
  • Skip View Transitions API route middleware on server (#​23935)
  • Clarify that bridge supports definePageMeta (#​23944)
  • Fix small typo in nuxt.config.ts documentation (#​23961)
  • Update link to composables doc (#​23989)
  • Add a more helpful comment (#​23999)
  • Fix useFetch key generation logic (#​24082)
  • Fix typo (#​24099)
  • Fix imported addPrerenderRoutes name (#​24102)
  • Improve router docs on nuxt-injected options (#​24126)
🏡 Chore
✅ Tests
  • nuxt: Test remote islands for NuxtIsland (#​23801)
  • Update basic fixture config for vite 5 (#​23859)
  • Await before asserting console logs (#​24051)
🤖 CI
  • Add doc deploy webhook trigger (#​23828)
  • Run nuxt 2 edge release on node 18 (5b96049d9)
❤️ Contributors

v3.8.0

Compare Source

👀 Highlights

We have a lot of exciting features in v3.8, and can't wait for you to try it out.

💻 Nuxi improvements

Just to remind you, we're now using the new Nuxt CLI which is now versioned separately. There are some exciting improvements there to follow, so do check out the latest releases. (For example, we now share the same port with the Vite websocket, meaning better support for docker containers in development.)

🚨 Built-in Nuxt DevTools

Nuxt DevTools v1.0.0 is out and we now think it's ready to be shipped as a direct dependency of Nuxt.

👉 You can check out the release notes for more information - and stay tuned for an article detailing our roadmap for the future.

📸 Nuxt Image auto-install

We've now made <NuxtImg> and <NuxtPicture> first-class built-in components, documenting them and auto-installing @nuxt/image the first time that they are used (#​23717).

autoinstall2.mp4

We would definitely advise using @nuxt/image if you're using images in your site; it can apply optimisations to make your site more performant.

📂 Deeper layout scanning

🚨 This is a behaviour change so do take care with this one: 🚨

We now support scanning layouts within subfolders in ~/layouts in the same way as we do with ~/components.

File | Layout name
-- | --
~/layouts/desktop/default.vue | 'desktop-default'
~/layouts/desktop-base/base.vue | 'desktop-base'
~/layouts/desktop/index.vue | 'desktop'

See #​20190 for more information

📊 App Manifest

We now support a built-in app manifest (see #​21641), which generates a manifest at /_nuxt/builds/meta/<buildId>.json.

Initially this enables loading payloads only for prerendered routes, if a site is static (preventing 404s). It also enables client-side route rules. To begin with, only redirect route rules will have an effect; they will now redirect when performing client-side navigation. (More coming soon...!)

The app manifest also enables future enhancements including detection of outdated deployments by checking /_nuxt/builds/latest.json.

You can switch off this behaviour if you need to (but do let us know if you have any issues):

export default defineNuxtConfig({
  experimental: {
    appManifest: false
  }
})
🤝 Scope and context improvements

We now define a 'scope' for Nuxt composables executed in plugins (#​23667), which allows running synchronous cleanup before navigating away from your site, using the Vue onScopeDispose lifecycle method. This should fix an edge case with cookies (#​23697) and also improves memory management, for example in Pinia stores (#​23650). You can read more about Vue effect scopes.

We also now support native async context for the Vue composition API (#​23526). In case you're unaware, we support native async context on Node and Bun, enabled with experimental.asyncContext. This can help address issues with missing a Nuxt instance. But it didn't previously affect missing Vue instances.

If you experience issues with 'Nuxt instance unavailable', enabling this option may solve your issues, and once we have cross-runtime support we are likely to enable it by default.

export default defineNuxtConfig({
  experimental: {
    asyncContext: true
  }
})
🔗 NuxtLink defaults

We've supported defining your own NuxtLink components with the defineNuxtLink utility. We now support customising the options for the built-in <NuxtLink>, directly in your nuxt.config file (#​23724). This can enable you to enforce trailing slash behaviour across your entire site, for example.

export default defineNuxtConfig({
  experimental: {
    defaults: {
      nuxtLink: {
        activeClass: 'nuxt-link-active',
        trailingSlash: 'append'
      }
    }
  }
})
⚡️ Data fetching improvements: deep and caching

We have two very significant new features for useAsyncData and useFetch:

  1. You can now set deep: false to prevent deep reactivity on the data object returned from these composables (#​23600). It should be a performance improvement if you are returning large arrays or objects. The object will still update when refetched; it just won't trigger reactive effects if you change a property deep within the data.
  2. You can now use the getCachedData option to handle custom caching for these composables (#​20747)
const nuxtApp = useNuxtApp()
const { data } = await useAsyncData(() => { /* fetcher */ }, {
  // this will not refetch if the key exists in the payload
  getCachedData: key => nuxtApp.payload.static[key] ?? nuxtApp.payload.data[key]
})

We also support configuring some default values for these composables in an app-wide way (#​23725):

export default defineNuxtConfig({
  experimental: {
    defaults: {
      useAsyncData: {
        deep: false
      },
      useFetch: {
        retry: false,
        retryDelay: 100,
        retryStatusCodes: [500],
        timeout: 100
      }
    }
  }
})
🔢 Layer improvements

We now more carefully load layer plugins (#​22889 and #​23148) and middleware (#​22925 and #​23552) in the order of the layers, always loading your own plugins and middleware last. This should mean you can rely on utilities that layers may inject.

We've also added a test suite to cover these layer resolution changes.

And probably one of the most significant changes - if you are using remote layers we now clone these within your node_modules/ folder (#​109) so layers can use dependencies with your project. See c12 release notes for full details.

😴 Nightly release channel

Every commit to the main branch of Nuxt is automatically deployed to a new release, for easier testing before releases. We've renamed this from the 'edge release channel' to the 'nightly release channel' to avoid confusion with edge deployments. And probably also with Microsoft Edge (though I haven't heard that anyone was confused with that one!)

➡️ nuxt3 is now nuxt-nightly
➡️ nuxi-edge is now nuxi-nightly
➡️ @​nuxt/kit-edge is now @​nuxt/kit-nightly

... and so on.

You can read more about how it works.

⚗️ Nitro v2.7

Nitro v2.7 has been released with lots of improvements and bug fixes - do check out the full changelog.

🔥 One of the most significant is that we now save ~40% of bundle size in production by using native fetch (which is supported in Node 18+) (#​1724). So if possible, we'd recommend you update your Node version to at least 18.

💪 Type import changes

🚨 This is likely to need code changes in your project 🚨

Vue requires that type imports be explicit (so that the Vue compiler can correctly optimise and resolve type imports for props and so on). See core Vue tsconfig.json.

We've therefore taken the decision to turn on verbatimModuleSyntax by default in Nuxt projects, which will throw a type error if types are imported without an explicit type import. To resolve it you will need to update your imports:

- import { someFunction, SomeOptions } from 'some-library'
+ import { someFunction } from 'some-library'
+ import type { SomeOptions } from 'some-library'

You may also encounter modules in the Nuxt ecosystem that need to be updated; please open an issue for those modules. I'm also very happy to help if you're encountering any problems with this, if you're a module author. Just tag me and I'll take a look.

If for whatever reason you need to undo this change in your project you can set the following configuration:

export default defineNuxtConfig({
  typescript: {
    tsConfig: {
      compilerOptions: {
        verbatimModuleSyntax: false
      }
    }
  }
})

However, we'd recommend only doing that temporarily, as Vue does need this option to be set for best results.

✅ Upgrading

As usual, our recommendation for upgrading is to run:

nuxi upgrade

👉 Changelog

compare changes

🚀 Enhancements
  • kit: Add addServerImports and addServerImportsDir (#​23288)
  • nuxt: Warn when nesting nuxt links when SSR on dev (#​23286)
  • nuxt: Add prerenderRoutes ssr composable (#​22863)
  • nuxt: Enable appManifest by default (#​23448)
  • nuxt: Native async-context in vue's withAsyncContext (#​23526)
  • nuxt: Auto-install optional features on StackBlitz (#​23607)
  • kit,nuxt,vite,webpack: Support -nightly extension (#​23508)
  • nuxt: Add @nuxt/devtools as dependency and enable (#​23576)
  • nuxt: Support deep: false for data composables (#​23600)
  • nuxt: Custom cache support for data fetching composables (#​20747)
  • nuxt: Scan and register layouts in nested folders (#​20190)
  • nuxt: Prompt to autoinstall @nuxt/image when it is used (#​23717)
  • nuxt: Allow configuring default <NuxtLink> options (#​23724)
  • nuxt: Allow customising defaults for data composables (#​23725)
🔥 Performance
  • vite: Don't print server compressed size after vite build (#​23359)
  • nuxt: Verbatim module syntax + restrict type discovery (#​23447)
🩹 Fixes
  • nuxt: Initialise asyncData errors with null (#​23428)
  • nuxt: Apply scoped styles to islands (#​23386)
  • nuxt: Rename stub to avoid shadowing vue-router (#​23440)
  • nuxt: Stringify cookie values before broadcasting them (#​23449)
  • kit: Don't force config.autoImport in addServerImports (#​23472)
  • nuxt: Ignore prefix if clearNuxtState called w/o keys (#​23483)
  • nuxt: Decrement hydration count when rendering no route (#​23476)
  • nuxt: Compute fetch cache key with headers (#​23462)
  • nuxt: Mock hookable methods on nuxt 2 (#​23502)
  • kit: Revert accidental change to addPrerenderRoutes name (#​23509)
  • nuxt: Use test/dev as manifest buildId when appropriate (#​23512)
  • nuxt: Don't print warnings for unresolved ids (#​23604)
  • nuxt: Use import alias when checking if plugin is wrapped (#​23617)
  • nuxt: Tree shake all occurrences of <DevOnly> (#​23466)
  • nuxt: Give priority to later middleware when deduping (#​23552)
  • nuxt: Clear cookie BroadcastChannel when scope is disposed (#​23664)
  • nuxt: Provide global scope for nuxt plugin context (#​23667)
  • nuxt: Resolve type error in options of useFetch (#​23693)
  • webpack: Remove lodash-es + simplify postcss resolution (#​23692)
  • nuxt: Skip hydration mismatches with client components (#​19231)
  • nuxt: Write cookie values before navigating away (#​23697)
  • nuxt: Refetch both undefined/null values in useAsyncData (#​23351)
  • nuxt: Don't mark redirected routes as prerendered (#​23707)
  • nuxt: Respect custom export in component transform (#​23715)
  • nuxt: Don't use prerenderedAt to override app manifest (#​23781)
  • nuxt: Restore prerenderedAt behaviour pending next patch (108b1bdf7)
📖 Documentation
  • Mention listhen options on nuxi dev page (#​23415)
  • Add examples for index.ts files on server routes (#​23390)
  • Improve data fetching section (#​23420)
  • Remove duplicated arrows (#​23436)
  • Extend description of handler for useAsyncData (#​23389)
  • Clarify bridge needs nitro to use runtimeConfig (#​23454)
  • Fix typo in README (#​23500)
  • Clarify that bridge.typescript option must be set. (#​23503)
  • Use html instead of xml for highlight (45c1e7f51)
  • Fix component library example in docs (#​23596)
  • Typo in modules (#​23602)
  • Reword local module info (#​23557)
  • Add server concept (#​23372)
  • Improve nuxt kit section (#​22375)
  • Update additional mentions to nightly release channel (c63f9a95d)
  • Rename /edge-channel page to /nightly-release-channel (#​23648)
  • Add section about computed url for data fetching (#​23605)
  • Fix typo (#​23656)
  • Remove extraneous brace (b9cb08cda)
  • Fix other issues with routeRules example (818dc626c)
  • Fix typo (#​23716)
  • Update types for useFetch/useAsyncData (#​23730)
  • Add info about <NuxtImg> and <NuxtPicture> (#​23741)
  • Update to new website (#​23743)
  • Remove redundant trailing slashes from links (#​23744)
  • Fix broken link (#​23750)
🏡 Chore
  • Fix various typos and update to US English (#​23580)
  • Add description field for packages (#​23734)
  • Bump nuxt devtools to 1.0 (#​23752)
  • Allow markdownlint upgrades (3d779fcf3)
  • Remove huntr + encourage GitHub vulnerability reporting (#​23754)
  • Refresh lockfile (#​23755)
  • Update to nitropack 2.7.0 (#​23780)
  • Upgrade to c12 1.5 with configurable layers (#​23782)
✅ Tests
  • nuxt: Add test suite for app resolution behaviour (#​23520)
  • Update prerender test (8d62c2add)
🤖 CI
  • Retry failing links 6 times (ad2a900fd)
  • Only dedupe dependencies if they affect bundle size (#​23736)
❤️ Contributors
nuxt/nuxt (nuxt)

v3.8.2

Compare Source

v3.8.1

Compare Source

3.8.1 is a patch release focused on bug fixes and performance improvements.

👉 Changelog

compare changes

🔥 Performance
  • nuxt: Set pages on nuxt app and deduplicate calls (#​24032)
  • nuxt: Remove pure annotations plugin (#​24033)
  • nuxt: Use granular imports for auto-importing composables (#​23951)
🩹 Fixes
  • nuxt: Ensure we add prerender hints to correct event (#​23799)
  • nuxt: Close payload object (#​23817)
  • schema: Accept single string for extends (#​23795)
  • nuxt: Resolve internal target: blank links with base (#​23751)
  • nuxt,schema: Use std-env to detect whether app is being tested (#​23830)
  • nuxt: Use .json extension for server components (#​23802)
  • nuxt: Handle relative baseURL in nitro runtime config (#​23841)
  • nuxt: Improve watcher logs slightly (#​23857)
  • nuxt: Resolve @unhead/vue in template code (#​23858)
  • kit: Resolve module tsconfig paths relative to dirs (#​23860)
  • nuxt,schema,vite,webpack: Analyze w/o overriding config (#​23856)
  • nuxt: Don't use local fetch with an external baseURL (#​23884)
  • nuxt: Only skip refetching errors when hydrating (#​23889)
  • webpack: Use lodash cloneDeep again (#​23888)
  • nuxt: Init $fetch at entry start (#​23906)
  • nuxt: Render a div when client-only hydrates w/o element (#​23899)
  • vite: Remove postcss-url and duplicate postcss-import (#​23861)
  • nuxt: Use route key for loading indicator/view transition (#​23868)
  • nuxt: Unset useCookie value when it expires (#​23549)
  • vite: Use h3 cors handler for vite routes only (#​23995)
  • schema: Correctly set default cssnano config (#​23980)
  • nuxt: Use payload url for isPrerendered, not current route (#​24031)
  • vite: Don't warm up css deps and normalise urls correctly (#​23975)
  • kit: Fix addServerImportsDir implementation (#​24000)
  • nuxt: Preserve hyphens in component/layout kebab names (#​23902)
  • nuxt: Do not register loading indicator hooks on server (#​24052)
  • nuxt: Reload nitro when spa loading template updates (#​24036)
  • nuxt: Resolve imports from virtual files (#​24022)
  • vite: Include more of warmup within try/catch (#​24072)
  • nuxt: Use shared isChangingPage util in scrollBehavior (#​24091)
  • nuxt: Account for delay ≤ 0 in useCookie (#​24043)
  • nuxt: Handle async children in ClientFallback (#​24086)
  • vite: Normalise entry id for typeCheck plugin (#​24114)
💅 Refactors
  • nuxt: Use useRequestEvent() internally (#​23916)
📖 Documentation
  • Add example of auto-importing components from npm package (#​23792)
  • Update minimum required Node version (#​23821)
  • getting-started: Add schema for server (6d0f45469)
  • Fix typo in pnpm install command (#​23851)
  • Add missing comma (#​23870)
  • Add missing nitro hooks (#​23865)
  • Fix typo in layout description (#​23862)
  • Fix typo in runtime-config page (#​23882)
  • Fix typo (#​23912)
  • Fix typos (#​23921)
  • Rename 3.nuxt.config.md to 3.nuxt-config.md (#​23819)
  • composables: Avoid double read-more in useAppConfig (5fea17288)
  • Skip View Transitions API route middleware on server (#​23935)
  • Clarify that bridge supports definePageMeta (#​23944)
  • Fix small typo in nuxt.config.ts documentation (#​23961)
  • Update link to composables doc (#​23989)
  • Add a more helpful comment (#​23999)
  • Fix useFetch key generation logic (#​24082)
  • Fix typo (#​24099)
  • Fix imported addPrerenderRoutes name (#​24102)
  • Improve router docs on nuxt-injected options (#​24126)
🏡 Chore
✅ Tests
  • nuxt: Test remote islands for NuxtIsland (#​23801)
  • Update basic fixture config for vite 5 (#​23859)
  • Await before asserting console logs (#​24051)
🤖 CI
  • Add doc deploy webhook trigger (#​23828)
  • Run nuxt 2 edge release on node 18 (5b96049d9)
❤️ Contributors

v3.8.0

Compare Source

👀 Highlights

We have a lot of exciting features in v3.8, and can't wait for you to try it out.

💻 Nuxi improvements

Just to remind you, we're now using the new Nuxt CLI which is now versioned separately. There are some exciting improvements there to follow, so do check out the latest releases. (For example, we now share the same port with the Vite websocket, meaning better support for docker containers in development.)

🚨 Built-in Nuxt DevTools

Nuxt DevTools v1.0.0 is out and we now think it's ready to be shipped as a direct dependency of Nuxt.

👉 You can check out the release notes for more information - and stay tuned for an article detailing our roadmap for the future.

📸 Nuxt Image auto-install

We've now made <NuxtImg> and <NuxtPicture> first-class built-in components, documenting them and auto-installing @nuxt/image the first time that they are used (#​23717).

autoinstall2.mp4

We would definitely advise using @nuxt/image if you're using images in your site; it can apply optimisations to make your site more performant.

📂 Deeper layout scanning

🚨 This is a behaviour change so do take care with this one: 🚨

We now support scanning layouts within subfolders in ~/layouts in the same way as we do with ~/components.

File | Layout name
-- | --
~/layouts/desktop/default.vue | 'desktop-default'
~/layouts/desktop-base/base.vue | 'desktop-base'
~/layouts/desktop/index.vue | 'desktop'

See #​20190 for more information

📊 App Manifest

We now support a built-in app manifest (see #​21641), which generates a manifest at /_nuxt/builds/meta/<buildId>.json.

Initially this enables loading payloads only for prerendered routes, if a site is static (preventing 404s). It also enables client-side route rules. To begin with, only redirect route rules will have an effect; they will now redirect when performing client-side navigation. (More coming soon...!)

The app manifest also enables future enhancements including detection of outdated deployments by checking /_nuxt/builds/latest.json.

You can switch off this behaviour if you need to (but do let us know if you have any issues):

export default defineNuxtConfig({
  experimental: {
    appManifest: false
  }
})
🤝 Scope and context improvements

We now define a 'scope' for Nuxt composables executed in plugins (#​23667), which allows running synchronous cleanup before navigating away from your site, using the Vue onScopeDispose lifecycle method. This should fix an edge case with cookies (#​23697) and also improves memory management, for example in Pinia stores (#​23650). You can read more about Vue effect scopes.

We also now support native async context for the Vue composition API (#​23526). In case you're unaware, we support native async context on Node and Bun, enabled with experimental.asyncContext. This can help address issues with missing a Nuxt instance. But it didn't previously affect missing Vue instances.

If you experience issues with 'Nuxt instance unavailable', enabling this option may solve your issues, and once we have cross-runtime support we are likely to enable it by default.

export default defineNuxtConfig({
  experimental: {
    asyncContext: true
  }
})
🔗 NuxtLink defaults

We've supported defining your own NuxtLink components with the defineNuxtLink utility. We now support customising the options for the built-in <NuxtLink>, directly in your nuxt.config file (#​23724). This can enable you to enforce trailing slash behaviour across your entire site, for example.

export default defineNuxtConfig({
  experimental: {
    defaults: {
      nuxtLink: {
        activeClass: 'nuxt-link-active',
        trailingSlash: 'append'
      }
    }
  }
})
⚡️ Data fetching improvements: deep and caching

We have two very significant new features for useAsyncData and useFetch:

  1. You can now set deep: false to prevent deep reactivity on the data object returned from these composables (#​23600). It should be a performance improvement if you are returning large arrays or objects. The object will still update when refetched; it just won't trigger reactive effects if you change a property deep within the data.
  2. You can now use the getCachedData option to handle custom caching for these composables (#​20747)
const nuxtApp = useNuxtApp()
const { data } = await useAsyncData(() => { /* fetcher */ }, {
  // this will not refetch if the key exists in the payload
  getCachedData: key => nuxtApp.payload.static[key] ?? nuxtApp.payload.data[key]
})

We also support configuring some default values for these composables in an app-wide way (#​23725):

export default defineNuxtConfig({
  experimental: {
    defaults: {
      useAsyncData: {
        deep: false
      },
      useFetch: {
        retry: false,
        retryDelay: 100,
        retryStatusCodes: [500],
        timeout: 100
      }
    }
  }
})
🔢 Layer improvements

We now more carefully load layer plugins (#​22889 and #​23148) and middleware (#​22925 and #​23552) in the order of the layers, always loading your own plugins and middleware last. This should mean you can rely on utilities that layers may inject.

We've also added a test suite to cover these layer resolution changes.

And probably one of the most significant changes - if you are using remote layers we now clone these within your node_modules/ folder (#​109) so layers can use dependencies with your project. See c12 release notes for full details.

😴 Nightly release channel

Every commit to the main branch of Nuxt is automatically deployed to a new release, for easier testing before releases. We've renamed this from the 'edge release channel' to the 'nightly release channel' to avoid confusion with edge deployments. And probably also with Microsoft Edge (though I haven't heard that anyone was confused with that one!)

➡️ nuxt3 is now nuxt-nightly
➡️ nuxi-edge is now nuxi-nightly
➡️ @​nuxt/kit-edge is now @​nuxt/kit-nightly

... and so on.

You can read more about how it works.

⚗️ Nitro v2.7

Nitro v2.7 has been released with lots of improvements and bug fixes - do check out the full changelog.

🔥 One of the most significant is that we now save ~40% of bundle size in production by using native fetch (which is supported in Node 18+) (#​1724). So if possible, we'd recommend you update your Node version to at least 18.

💪 Type import changes

🚨 This is likely to need code changes in your project 🚨

Vue requires that type imports be explicit (so that the Vue compiler can correctly optimise and resolve type imports for props and so on). See core Vue tsconfig.json.

We've therefore taken the decision to turn on verbatimModuleSyntax by default in Nuxt projects, which will throw a type error if types are imported without an explicit type import. To resolve it you will need to update your imports:

- import { someFunction, SomeOptions } from 'some-library'
+ import { someFunction } from 'some-library'
+ import type {

</details>

---

### 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 becomes conflicted, or you tick the rebase/retry checkbox.

👻 **Immortal**: This PR will be recreated if closed unmerged. Get [config help](https://togithub.com/renovatebot/renovate/discussions) if that's undesired.

---

 - [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check this box

---

This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/nuxt-modules/google-fonts).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4xOS4yIiwidXBkYXRlZEluVmVyIjoiMzcuNTkuOCIsInRhcmdldEJyYW5jaCI6Im1haW4ifQ==-->

@netlify
Copy link

netlify bot commented Oct 15, 2023

Deploy Preview for pedantic-sinoussi-65c819 ready!

Name Link
🔨 Latest commit 28433d9
🔍 Latest deploy log https://app.netlify.com/sites/pedantic-sinoussi-65c819/deploys/655c023e5893210007e79b1b
😎 Deploy Preview https://deploy-preview-156--pedantic-sinoussi-65c819.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.

@codecov
Copy link

codecov bot commented Oct 15, 2023

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (deadc73) 88.78% compared to head (1f164f3) 88.78%.

❗ Current head 1f164f3 differs from pull request most recent head 28433d9. Consider uploading reports for the commit 28433d9 to get more accurate results

Additional details and impacted files
@@           Coverage Diff           @@
##             main     #156   +/-   ##
=======================================
  Coverage   88.78%   88.78%           
=======================================
  Files           1        1           
  Lines         223      223           
  Branches       20       20           
=======================================
  Hits          198      198           
  Misses         23       23           
  Partials        2        2           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@renovate renovate bot changed the title chore(deps): update pnpm to v8.9.1 chore(deps): update pnpm to v8.9.2 Oct 16, 2023
@renovate renovate bot changed the title chore(deps): update pnpm to v8.9.2 chore(deps): update all non-major dependencies Oct 19, 2023
@renovate renovate bot force-pushed the renovate/all-minor-patch branch 2 times, most recently from 412f7a3 to 1704356 Compare November 1, 2023 17:54
@renovate renovate bot force-pushed the renovate/all-minor-patch branch 3 times, most recently from a5bc38e to 3f34587 Compare November 13, 2023 16:08
@ricardogobbosouza ricardogobbosouza merged commit 041527a into main Nov 23, 2023
5 checks passed
@renovate renovate bot deleted the renovate/all-minor-patch branch November 23, 2023 15:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant