🐛 Bug Fixes

• babel-preset-app
  • #8085 Allow to specify corejs.version as string
• vue-app
  • #8067 Always import error layout (resolves #8066, #8093)
  • #8053 Mock $fetch function for SSR with static target (resolves #8043)

💖 Thanks to

• Daniel Roe (@danielroe)
• Dmitriy (@Kolobok12309)
• Yihao Gao (@Yihao-G)

🐛 Bug Fixes

• vue-app
  • #8016 Missing layout in error page with splittedChunks.layout (resolves #7654, #7658 and #7014)
• utils
  • #8038 Allow chaining functions with promise (resolves #8037)
• general
  • #8012 Remove name from production js chunks (resolves #7994 and #7882)
• config
  • #8013 Don't interpolate environment variables with undefined value (resolves #7990 and #8013)
  • #8014 Avoid recursion when interpolating environment variables
  • #8030 Normalize build.indicator: true to default value

💅 Refactors

• config
  • #8044 Deprecate mode option

🇹 Types

• general
  • #7985 Expose Inject type

💖 Thanks to

• Dmitriy (@Kolobok12309)
• Florent Catiau-Tristant (@Kapcash)
• @remigermain

🐛 Bug Fixes

• vue-renderer
  • #7954 Add crossorigin for styles (resolves #7953)
• cjs
  • #7938 Fix HMR issue with mongoose (resolves #7917)
  • #7966 Protect clearRequireCache against infinite recursion
• cli
  • #7948 Handle nuxt generate with --fail-on-error for static target (resolves #7947)
• vue-app
  • #7939 Fix variable names shadowing in chrome debugger (resolves #7731)
• webpack
  • #7967 No module scripts in spa modern client mode (resolves #7562)

🏡 Chore

• general
  • #7961 Add avif format as image

💖 Thanks to

• Ahad Birang (@farnabaz)
• Florent Catiau-Tristant (@Kapcash)
• Per Anders Ljusbäck (@perljusback)
• @sho-zy
• @netkin-paris

🐛 Bug Fixes

• vue-renderer
  • #7928 Apply nomodule to legacy chunks

💖 Thanks to

• Daniel Roe (@danielroe)

🐛 Bug Fixes

• webpack
  • #7906 Avoid using node_modules for chunk names (resolves #7901)
• modern
  • #7919 Missing nomodule on legacy modules (resolves #7918)
• vue-app
  • #7877 Use anchor to / if route is undefined in error page (resolves #7841)
  • #7920 Fix vue-router@2.14 regression with scrollToTop
  • #7916 Prevent router.registerModule reallocation (resolves #7915)
• router
  • #7912 Use updated error codes to fix redirect errors
• cli
  • #7860 Improve project dir detection for external commands

👕 Types

• general
  • #7902 Improve definitions for component transition property

💖 Thanks to

• Ahad Birang (@farnabaz)
• Matthew Gamble (@mwgamble)

🐛 Bug Fixes

• router
  • #7843 Optional dynamic routing in children routes (resolves #7571)
  • #7845 Remove optional params in routes ending with index (resolves #5874)
• vue-app
  • #7801 Handle server-side router errors (resolves #7798)
• core, config
  • #7839 Disabe esm cache (resolves #7838)
• builder
  • #7789, #7849 Add types for build.corejs option
• crawler
  • #7806 Skip external links with no schema (resolves #7805)
• webpack
  • #7808 Avoid grouping with default name (resolves #7795)
• cli
  • #7802 Generate still runs when cache disabled
  • #7796 Normalize win32 paths for nuxt generate cache (resolves #7792)

📝 Examples

• tailwindcss-purgecss
  • #7800 Update tailwindcss from 0.6 to 1.6 using purgecss

🏡 Chore

• stale
  • #7828, #7844 Ignore feature request issues

💖 Thanks to

• Ahad Birang (@farnabaz)
• @ChangJoo-Park
• Matthieu Sieben (@matthieusieben)
• Rafał Chłodnicki (@rchl)
• @lihbr

⭐ Highlights

• Static target improvements
• Auto detecting core-js version for project
• Official support for Nuxt.js with webstorm 2020.2
• New Guides section in documentation

🚀 Features

• webpack
  • #7785 Auto detect core-js version
• builder
  • #7754 Support async extendRoutes
• general
  • #7712 Static target improvements
• vue-renderer
  • #7633 Add vue-renderer:spa:prepareContext hook
• vue-app
  • #7611 Add web-types.json for better code insight in WebStorm

🐛 Bug Fixes

• webpack
  • #7787 ensure loaders are first searched from @nuxt/webpack
  • #7763 font-family hex issue
  • #7667 Fallback for empty chunk name
• vue-app
  • #7766 nuxt-link prefetch error on fallback page
  • #7718 Handle fallback on generated page
  • #7723 Don't fetch payload for store mutation for preview and spa fallback
• generator
  • #7776 Avoid duplicate slashes for routes ending with hash
• cli
  • #7775 Don't use absolute path of .cache/nuxt as transpilation pattern
• utils
  • #7761 Include routes with children for generation
• vue-renderer
  • #7752 Read target from class instead of serverContext
• router
  • #6594 Show default child if trailingSlash is false

🖤 Refactors

• server
  • 5272a4 Rename externalsWhitelist to externalsAllowlist

📝 Examples

• vuetify
  • #7767 Use@nuxtjs/vuetify module

👕 Types

• general
  • #7670 Fix module options type
  • #7709 Add cross-origin property to NuxtOptionsRender
  • #7670 Fix module options type

💖 Thanks to

• Ahad Birang (@farnabaz)
• Daniel Roe (@danielroe)
• Harlan Wilton (@loonpwn)
• @IKKO-Ohta
• Martin Novák (@MartinN3)
• Matthieu Sieben (@matthieusieben)
• Piotr Tomiak (@piotrtomiak)
• Simon Tretter (@simllll)
• Timothy R. Chavez (@timrchavez)
• Yaroslav Vorobev (@Zekfad)

🐛 Bug Fixes

• vue-app
  • #7656 Check plugin key on Vue.prototype instead of Vue
  • #6745 Sanitize path with trailing slash in getLocation (resolves #6744)
  • #7654 Handle layout on client error (resolves #7567)
  • #7657 Don't fetch payload on first spa fallback render (resolves #7648)
• webpack
  • #7635 Modern build should wait for legacy assets (resolves #7562, resolves #7628)
  • #7639 Use compact name for concatenated modules (resolves #7625)
• cli
  • #7647 Handle nuxt static command 👀

💅 Refactors

• csp
  • #7659 Remove unsafe-eval in dev mode

📝 Examples

• with-sockets
  • #7650 Deprecated callback and use cjs
• with-vuetify
  • #7638 Use v-main instead of v-content

👕 Types

• general
  • #7626 Import types for @nuxt/telemetry and @nuxt/components

💖 Thanks to

• Ben Read (@ReadB)
• Daniel Roe (@danielroe)
• Denis Karabaza (@simplesmiler)
• Kawacrepe (@Kawacrepe)
• Konstantin Barabanov (@crutch12)

🐛 Bug Fixes

• webpack
  • #7613 Explicitly pass outputFileSystem to webpackDevMiddleware (resolves nuxt/typescript#145)
  • #7603 Chunk name normalization for catch-all pages and windows
• core
  • #7605 Avoid breaking change for duplicate modules (resolves #7605)
• cli
  • #7608 Listen to a random port for export and generate (resolves #7597)
• vue-app
  • #7614 Remove hash from payload path
  • #7606 Fix wrong layout when redirecting from error page (resolves #7567)
• utils
  • #7604 Flat routes if child routes have absolute paths

Dependencies

• consola: Improve spam detection
• @nuxt-telemetry: Stability improvements and support telemetry: true

💖 Thanks to

• Denis Karabaza (@simplesmiler)
• Konstantin Barabanov (@crutch12)
• Michał Kędrzyński (@kedrzu)

🐛 Bug Fixes

• vue-app
  • #7591 Always import resolveRouteComponents (#7587, nuxt/content#123)
  • 6332a Check correct layout when navigating from error (#7567)

👕 Types

• #7590 Fix module and typescript compatibility (nuxt-community/sentry-module#195)
• #7590 Add missing crawler config (#7585)

What's new?

• New target: static and full static using nuxt export
• Built-in .env support and runtimeConfig
• Auto components discovery with nuxt/components
• Nuxt Telemetry

Also don't miss nuxt/content and nuxt-composition-api ;)

🚀 Features

• general
  • #7476 createRequire option and disable esm for jest
  • #7463 Improve production debugging DX
  • #7408 Experimental nuxt telemetry
  • #7374 Builtin Components
  • Runtime config and built-in dotenv support (#7312, #7420, #7421)
  • Full static target (#6159, #7332, #7334, #7336, #7350, #7399, #7400, #7401, #7431, #7486, #7523, #7518)
• cli
  • Improve banner DX (#7532, #7537)
• generator
  • #7455 Allow excluding exported pages using export:page hook
  • #7422 export:route hook and setPayload
• webpack
  • #7443 Allow babel plugins to be defined by function
  • #7178 Add mjs to babel-loader
• config
  • #7430 Support .nuxtrc
  • #7420 Improved runtimeConfig
  • #7263 Add configOverrides for loadNuxt and loadNuxtConfig
• ssr
  • #7383 Add non async split chunk to preload scripts
• server
  • #7469 Add new render:beforeResponse hook
  • #7358 Add unload method support for serverMiddleware
  • #7307 Support csp report-uri
  • #7214 Add custom HTTP headers into error response
• modern
  • #7306 Remove inlined safari fix in csp mode
• vue-app
  • #7212 Inject into plugins context in addition to app context
• vue-renderer
  • #7170 Add head <base> meta for spa
  • #7168 Pass renderContext to vue-renderer:ssr:templateParams hook
• babel-preset-app
  • #7144 Add bugfixes option
• builder
  • #7132 Ignore option to function the same as .nuxtignore

🐛 Bug Fixes

• core
  • #7267 Improve module not found error
  • #7131 Join with os native sep in resolver
• general
  • #7286 Use different port for loading-screen SSE
  • #7377, #7378 Set build indicator icon height for ie11
• webpack
  • #7462, #7464 Reduce false negatives in nodeExternals
  • #7318 Allow HMR client path to be set
  • #7305 Use non-eval sourcemap with csp and unsafe-eval script policy
• vue-app
  • #5703, #7442 Prevent double layout execution
  • redirect no longer strips trailing slash from URL (#7475, #7533)
  • #7162 Allow background customization for default loading template
  • #7271 sanitizeComponent import regression with features disabled
  • #7139 Sanitize layouts after resolve for splitChunks.layout
• generator
  • #7335 Improve error handling when build does not exists
• modern
  • #7498 Modulepreload not work in generate
  • #7382 Wrong assets mapping in ssr client modern mode
• vue-renderer
  • #7439 Fix meta injection when ssr renderer generates a spa page
  • #7376 Base tag should be before any link or script tag
• generator, builder
  • #7361 Empty build and dist directories instead of remove
• babel
  • #7297 Not override presets if babelrc is true
• server
  • #7146 HMR for sub-app serverMiddleware without path

💅 Refactors

• general
  • #7452 Ad-hoc modules
• config
  • #7187 Move build.crossorigin to render.crossorigin

📝 Examples

• with-buefy
  • #7381 Update github icon name

🏡 Chore

• cli
  • #6031, #7460 Enhance generate no-build description
• general
  • #7458 Fix minor issues in build scripts
  • #7228 Add ls-lint
  • #7219 Fix typos
• renovate
  • Ignore @types/terser-webpack-plugin
• pkg
  • #7373 Update rollup and dependencies
• dep
  • #7119 Upgrade html-webpack-plugin to v4
• test
  • #7321 Upgrade vue-test-utils to v1
• benchmark
  • #7205 Fix package.json scripts
• example
  • #7211 Update vue-chartjs

👓 Tests

• general
  • #7319 Update jest to v26
  • #7252 Add test for inject in context

💙 Types

• general

  • #7432 Move @nuxt/types to nuxt mono-repo

💖 Thanks to

• Ahad Birang (@farnabaz)
• Bogdan Gradinariu (@gion)
• Daniel Roe (@danielroe)
• Deniz Temizer (@dtmzr)
• Eunjae Lee (@eunjae-lee)
• @IWANABETHATGUY
• Jimmy (@Geminii)
• Johannes Lamberts (@JohannesLamberts)
• Jt Whissel (@Phara0h)
• Lucas Löffel (@loeffel-io)
• Mathieu TUDISCO (@mathieutu)
• Nicolas PENNEC (@NicoPennec)
• Sibbngheid (@sibbngheid)
• Tim van den Eijnden (@TimvdEijnden)
• Yugo Ogura (@Spice-Z)
• xingo xu (@xingoxu)

🐛 Bug Fixes

• server
  • #7146 HMR for sub-app serverMiddleware without path
• vue-app
  • #7139 Sanitize layouts after resolve for splitChunks.layout
• core
  • #7131 Join with os native sep in the resolver

🐛 Bug Fixes

• vue-app
  • #7129 Avoid multiple $fetch calls
  • #7103 Use globals.nuxt for fetch client mixin
  • #7128 Set default name to layout to avoid multi mounted calls
• builder
  • #7097 Ensure entry is in the graph for HMR

🏡 Chore

• readme
  • #7092 Simplify readme and add gitpod in contributing section
• examples
  • #7098 Avoid warning with legacy postcss.config.js

💖 Thanks to

• Adam (@mercs600)
• Aster (@asterd)
• Sean Hellum (@JesterOrNot)
• @daniluk4000
• @olddeda

🚀 Features

• general
  • #6950 Support crossorigin attribute in SSR script and preload tags
  • #6868 Improve programmatic usage (see docs)
  • #7029 Expose webpack config
  • #6272 Allow disabling loading-screen
• webpack
  • #6987 Support @import using ~assets in css files
  • #6272 Allow disabling loading-screen
• vue-app
  • #6880 New fetch syntax (see docs)
  • #6939 Pass error as param to nuxt-loading fail method
  • #6244 Trigger watchParam when param is changed in same route
• cli
  • #6855 Pass context when nuxt.config exports a function

👌 DX

• builder
  • #6924 Analyze mode warning rewording
• general
  • #6881, #6896 HMR support for server middleware
• generator
  • #6882 Log message or full error for unhandled error without stack trace
• cli
  • #6904 Display listening URLs after build
• vue-app
  • #7032 Improve missing inject value error message
  • #6775 Middleware not executing on double browser back navigation
• core
  • #7079 Better module not found handling

🔥 Performance

• vue-renderer
  • #6973 Early return render when redirect happens
  • #6846 Don't serialize session when injectScripts is false

🐛 Bug Fixes

• core
  • #7002 Deprecated render:context and render:routeContext hooks was not being called
• babel-preset-app
  • #7070 TypeError when import cjs in webpack building
• vue-app
  • #6946 Use child transition name when navigating to parent
  • #6854 Add fallback context for errors
  • #6803 Resolve leave transition on child routes
  • #6807 Move head to the index to avoid global state
• webpack
  • #6864 Provide global URL and URLSearchParams

💅 Refactors

• general
  • #6954 Use scope variable memo for modern utils
• utils
  • #6953 Eliminate side effect from modern utils

📝 Examples

• cached-components
  • #6997 Remove non-existing link

🏡 Chore

• general
  • #6816 Simplifies Code Contributions & Reviews
• ci
  • #6857 Support Github actions

👓 Tests

• general
  • Fix socket-hang-up test
  • Separate dev and unit test
  • Avoid unexpected outside stderr assertion count
  • Fix uncompressed resource size
  • Wrap error test with consola to make output clear

💖 Thanks to

• 404-NOTFOUND (@404-NF)
• HG (@husayt)
• James George (@jamesgeorge007)
• Jason Poindexter (@jsonpoindexter)
• Mark Honeychurch (@markhoney)
• Matteo Rigon (@matteo-rigon)
• Sand Of Vega (@sandofvega)
• Sean Hellum (@JesterOrNot)
• Vladlen (@negezor)
• @wppd

🐛 Bug Fixes

• utils
  • #6777 Add catch statement to non function block in serializeFunction
  • #6791 Fix flatRoutes regex for nested routes with trailing slash enabled
• vue-app
  • #6658 Pass router mode to getLocation
  • #6683 Apply path-to-regexp options to tokensToFunction
  • #6650 Layout in error.vue not work for Vue.extend component
  • #6623 Add prefetched class to <nuxt-link> after chunk loaded
• general
  • #6685 context.route issue in plugins and splitChunks.pages === false
  • #6590 Collapsed SSR log
• webpack
  • #6495 Enable devtool for dev mode
  • #6566 Normalize devtool for terser compatibility
• config
  • #6583 Typo in unsafeInlineCompatibility name

🚀 Features

• vue-app
  • #6722 Upgrade vue-router to 3.1.x
• general
  • #6149 Optionally strip non-client or non-server code
• vue-renderer
  • #6505 Support evaluation in templates
• config
  • #6597 Add ignoreOptions for node-ignore

💅 Refactors

• server
  • #6771 Only append not empty allowed sources to csp

🔥 Performance

• webpack
  • #6632 Prefer using contenthash

📝 Examples

• with-sockets
  • #6586 Fix cannot read property 'app' of undefined on nuxt build

🏡 Chore

• general
  • #6732 Update @nuxtjs/eslint-config to v2 and fix lint errors
  • #6686 Fix typo in middleware readme
  • #6649 Limit stale bot to only issues
  • #6637 Remove unused dependencies
  • #6630 Use .github/config.yml for issue template
• docs
  • #6719 Update code-of-conduct
• ci
  • #6739 Remove coverage collection in fixtures
  • #6747 Use LTS Node.js instead of latest
  • #6737 Separate dev test and unit test
• github
  • #6657 Add chinese translation for issue template

👓 Tests

• general
  • #6752 Pass array to allowedSources
  • #6740 Use got instead of request
  • #6638 Fix chrome detection in macOS Catalina
  • #6596 SSR log

💖 Thanks to

• Ahad Birang (@farnabaz)
• Cain Hall (@cain)
• Daniel Roe (@danielroe)
• Dennis Herzberg (@dennis47528)
• Harry Trần (@jetaimefrc)
• Mohammad M. Shahbazi (@mshahbazi)
• @PedroD
• Stephan Besser (@reskume)
• Rafał Chłodnicki (@rchl)
• Vanessa A (@Vinesse)
• @crutch12

🐛 Bug Fixes

• webpack
  • #6495 Enable devtool for dev mode
  • #6566 Normalize devtool for terser compatibility
• config
  • #6583 Typo in unsafeInlineCompatibility name
• vue-app
  • #6590 Fix collapsed SSR log

📝 Examples

• with-sockets
  • #6586 Fix cannot read property 'app' of undefined on nuxt build

💖 Thanks to

• @PedroD
• Stephan Besser (@reskume)

🐞 Fixes

• vue-app, webpack
  • #6504 Remove consola from client
• utils
  • #6515 Fix error when router.trailingSlash is false
• generator
  • #6362 Remove trailing slash when no subFolders are used
• webpack
  • #6520 chunkhash and contenthash not work with extractCSS
• cli
  • #6525 Enable server for nuxt build when pages should be generated

🏡 Chore

• readme
  • #6511 Remove deprecated starter template

⚓ Dependency Upgrades

• vue-meta: Upgraded to v2.3 which fixes duplicated tags in SPA mode

💖 Thanks to

• Dennis Herzberg (@dennis47528)
• Yuki Terashima (@y-temp4)

🌟Highlights

• Support for improved typescript runtime
• Experimental support for feature toggling for SUPER slim builds!
• Mitigate problems with nuxt server stocking during development
• Fix issues with internet-explorer in development mode
• Upgrade to terser webpack plugin v2
• Improved stability of loading-screen. No more endless loops (nuxt/loading-screen#44) and show fatal errors (nuxt/loading-screen#45) for the initial build

🐛 Bug Fixes

• core
  • #6490 Clear resolver cache for project files dev mode
• vue-app
  • #6479 Error page layout not correctly applied in client-side rendering
  • #6473 Pass vm as arg to support data() with arrow function
  • #6433 Fix asyncData hydration when features.transition is false
  • #6430 Clear idle callback
  • #6217 Prevent looping on error during render of error page
• webpack
  • #6298 Fix consola IE compatibility
  • Revert pause/resume
  • #6460 Correct sass options for sass-loader@8
  • #6448 Don't push to compilersWatching in callback
• cli
  • #6441 Server should not be initialized in nuxt build
• babel-preset-app
  • #6435 Use loose mode for babel class plugin
• vue-renderer
  • #6429 Dont mutate options.head
• config
  • #6371 Enable total timing by default when server.timing is enabled
• config, vue-app
  • #6379 Add module declaration for config and vue-app

🚀 Features

• cli, config
  • #6399 cli.bannerColor option
• config
  • #6414 serverMiddleware as a simple key/value object
• builder
  • #6368 followSymlinks option to allow for symlinks
  • #6285 extendPlugins option and builder:extendPlugins hook
  • #6329 Add builder:prepared hook
  • #6342 Support adding custom middleware
• cli
  • #6475 Catch build errors with cli:buildError hook
• webpack
  • #6477 Use vue-meta browser build for client bundle
  • #6398 Upgrade terser-webpack-plugin to v2
  • #6350 Add webpack:config hook
• server
  • #6438 Add config option to define etag hash function
• vue-app
  • #6292 Add prefetch prop to <nuxt-link>
  • #6287 Support configurable features
  • #6297 Function watchQuery
• general
  • #6432 Support setting (non-essential) vue-meta options by user
• utils
  • #6277 Export sort routes
• builder, router
  • #6331 Enforce uniform trailing slash handling

💅 Refactors

• cli
  • #6353 Call setup hook in run command with more args
• builder
  • #6352 Await build.createRoutes to allow async functions inside it
• babel-preset-app
  • #6087 Simplify babel preset config

📝 Examples

• with-sockets
  • #6396 Create server inside the export function

🏡 Chore

• general
  • Fix example in babel-preset-app readme
  • #6390 Lint vue-app templates
  • #6363 Rename setup hook to run:before

💖 Thanks to

• Louis-Marie Michelin (@lmichelin)
• Daniel Roe (@danielroe)
• Snir Shechter (@SnirShechter)
• @radimhornicek
• @xxRockOnxx

🐛 Bug Fixes

• general
  • #6257 Improve watching experience for generated files
• builder
  • #6283 fix(builder): apply overrides from app dir only
• server
  • #6265 Treat https: null as https: undefined
• nuxt-start
  • #6267 Add missing vue-client-only dependency
• vue-app
  • #6264 Only overwrite leave listener when none provided or without done arg
  • #6255 Enforce default css when used with frameworks
• config
  • #6258 Provide typescript backward compatibility

💅 Refactors

• core
  • #6271 Use hable

🐛 Bug Fixes

• vue-app
  • #6252 Provide typescript backward compatibility
• loading-screen
  • nuxt/loading-screen#38 set Content-Type for index page

📝 Examples

• CoffeeScript
  • #6248 Update module for using additionalExtensions

💖 Thanks to

• Artyom Bogomolov (@DevArtyom)
• Rafał Chłodnicki (@rchl)

⚠️ Important Notes

• 👉 Minimum required node version is 8.9.0
• 👉 Typescript support is now externalized. Refer to official docs and migration guide.
• 👉 vue-meta upgraded to 2.0.0. Please refer to the changelog to review notable changes.
• 👉 scrollBehavior option is deprecated in favor of app/router.scrollBehavior.js (#6055)
• 👉 devModules option is deprecated in favor of buildModules (#6203)

🐛 Bug Fixes

• general
  • #6118 Fix modulepreload warnings
  • #6075 Throw error when building failed in quiet mode
  • #6070 Support babel corejs config for modern mode
  • #6021 Babel polyfill can not be disabled
• renderer
  • #6033 Correctly load nomodule scripts in safari 10
• cli
  • #6020 Prevent both nuxt & nuxt-edge being installed
• vue-app
  • #6012 Emit triggerScroll to support hash navigation
  • #5920 Fix font-size and make width bigger
  • #5891 Always finish transition.leave asynchronously
  • #5890 Fix position of the build indicator when page scrolled
• vue-renderer
  • #6223 Call render:resourcesLoaded hook before createRenderer
  • #5964 Clone SPA meta to prevent cache modification
• webpack
  • #5906 Extract css breaks hmr and source-maps

🚀 Features

• cli
  • #6206 Export options
• server
  • #6178 Allow passing loadingTimeout and other arguments to renderAndGetWindow
• webpack
  • #6120 Allow function entries for build.transpile
• vue-app
  • #6194 Add $nuxt.refresh
  • #6186 Use EventSource instead of WebSocket for build indicator
  • #6055 Support app/router.scrollBehavior.js and deprecate scrollBehavior
  • #5941 Add <client-only> alias for <no-ssr>
  • #5844 Allow customizing loading indicator
  • #6194 Add $nuxt.refresh() method or refresh the actual page asyncData and fetch
  • #6231 Export router options
  • #6222 Support functional watchQuery
• vue-renderer
  • #5975 Add csp option for csp v1 compatibility
  • #6134 Support prepend/append body tags during ssr for all allowed tag types
• typescript
  • #5858 Externalize typescript support

💅 Refactors

• config
  • #6203 Rename devModules to buildModules
• babel-preset-app
  • #6197 Remove babel-plugin-dynamic-import-node
• webpack
  • #6179 Simplify transpile normalization
• general
  • Refactor to adhere to @nuxt/eslint-config v1

🏡 Chore

• general
  • #6065 Fix typo
  • #5990 Inverse wording of error message
  • #5910 Update opencollective infos
  • #5869 Rename backers -> nuxters
• babel-preset-app
  • #5897 Fix typo in babel-preset readme

⚓ Dependency Upgrades

• file-loader@4
• url-loader@2
• cache-loader@4
• css-loader@3
• vue-meta@2
• fs-extra@8

💖 Thanks to

• 719media (@719media)
• Anthony Fu (@antfu)
• Farzad Soltani (@farzadso)
• François Hodierne (@znarf)
• Josh Deltener (@hecktarzuli)
• Rafał Chłodnicki (@rchl)
• Ricardo Gobbo de Souza (@ricardogobbosouza)
• Ustun Ozgur (@ustun)
• William Chong (@williamchong007)
• bluelovers (@bluelovers)
• orblazer (@orblazer)
• yutanoma (@yutanoma)
• Dzmitry Bachko (@dbachko)

🐛 Bug Fixes

• vue-renderer
  • #5867 Fix exception on property access of undefined object
  • #5863 Prevent "can't set headers after they are sent" error in modern server mode
• vue-app
  • #5864 Reduce consola direct access and don't override browser console.log
• cli
  • #5865 Don't mutate options export to prevent ESM regression with nuxt.config in mixed (cjs + esm) mode (TIP: never mix them as is non-standard and may be unsupported in any future version)

💅 Refactors

• typescript
  • #5854 Prepare for external typescript support

💖 Thanks to

• Rafał Chłodnicki (@rchl)

😎 Developer Experience

• #5770 Add a group for SSR logs to avoid polluting the browser console
• #5810 Fancier browser logs with consola

• #5820, #5832, #5834 Show build indicator in the browser when rebuilding code:

• #5753 Watch for pages/ creation when default page displayed
• #5812 Only listen for file changes for supported extensions
• #5753 Re-use the same port when randomly assigned when restarting in dev mode

🐛 Bug Fixes

• vue-renderer
  • #5807 Add User-Agent‍ to Vary header in modern server mode
  • #5764 Safe format SSR logs
• server
  • #5793 Preserve random port when restarting
  • Return listener when calling listen
• builder
  • #5753 Watch for pages/ creation when default page displayed
  • #2812 Only listen for file changes for supported extensions
• generator
  • #5791 Minify spa fallback
• types
  • #5785 Add type definition for functional babel.presets
• vue-app
  • #5757 Reuse page component with watchQuery
  • #5746 Remove trailing slash in vue-router non-strict mode
  • #5752 Don't attach catch handler to already loaded component
  • #5824 fixPrepatch in-out transition fix (issue #5797)
• utils
  • #5754 Handle serializeFunction edge case

🚀 Features

• vue-renderer
  • #5745 Add render.injectScripts option
  • #5784 Support render.ssrLog for controlling SSR logs

💅 Refactors

• core
  • #5796 Use require.resolve instead of Module internals
• builder
  • #5792 Pass nuxt options to template as nuxtOptions
• vue-app
  • #5770 Add a group for SSR logs
  • #5826 simplify mount error log
• general
  • #5748 Small readability improvements

📝 Examples

• auth-jwt
  • #5775 Use named store export to prevent warning
• typescript
  • #5742 Add missing ts-node dependency

🏡 Chore

• ci
  • #5802 Upload test report to CircleCI and Azure
  • Add flags for codecov
  • Enable audit
• general
  • Remove unused dependency cross-env
  • Add FUNDING.md
  • Improve links in readme

♻️ Tests

• general
  • #5790 Add unit tests for core/resolver.js
  • #5782 Remove duplicate unit tests in packages/core/test/resolver

⚓ Dependency upgrades

• consola v2.7.0
• connect v3.7.0
• webpack v4.32
• babel v7.4.5
• thread-loader v2.1.2

💖 Thanks to

• @aaronransley
• @alexandreDavid
• @Elevista
• @utatti
• @rchl
• @maunier
• @cuixiaorui
• @Globegitter

Fixes

• builder: use warn only for mismatched dependencies (#5723)
• webpack: correctly resolve consola for the client bundle (#5729)

Dependency Upgrades

• postcss-import-resolver: prefer style property when resolving (jsless/postcss-import-resolver#2)

Thanks to

• Blake Kostner (@btkostner)

DX Improvements 💅

SSR logs in your browser 🖥️

We all know the console.log debugging method, but when working with universal applications, you have to remember that sometimes, your logs are in your terminal and not in your browser console.

This can be really annoying when developing a Nuxt.js application, starting with this version and running nuxt dev, the ssr logs are now reported to your browser console:

Detecting store/ creation 👀

Nuxt.js now detects when you created a store/ directory and will reload himself auto-magically so you don't have to restart it anymore.

PS: We also improved the serverMiddleware watch to restart Nuxt.js and clean their cache

Fixes ✔️

• builder: corretly detect mode of hashed plugins (#5695)
• builder: call watch:restart after watch:fileChanged hook (#5620)
• utils: node v8 not support dotAll in regex (#5608)
• vue-app: properly catch component loading error (#5687) (#5688) (#5690)
• vue-app: consider watchQuery option in routerViewKey (#5516)
• vue-renderer: await on spa:templateParams hook (#5619)
• webpack: set log level to warn for HardSourcePlugin (#5653)
• vue-app: properly catch loading error in component prefetching (#5688) (#5690)
• vue-app: avoid using aliases in templates (#5656)
• builder: watch store dir and serverMiddleware paths (#5681)

Features 🚀

• vue-app: rename transition to pageTransition and deprecate it (#5558)
• vue-renderer/vue-app: report SSR console logs to the browser with consola (#5673)
• webpack: suppress not found typescript warnings (#5635)
• webpack: extendable babel.presets and babel envName (#5637)
• configurable aliases (#5655)

Refactors 🧹

• server: exclude dist files request from browser detection (#5571)
• vue-renderer: remove chalk in renderer (#5609)
• vue-renderer: split renderer into ssr, spa and modern (#5559)
• move modern detection from server to utils (#5584)

Examples 📚

• auth-routes: fix typo (#5651)
• babel-preset-app: add core-js@3 example in the readme (#5633)
• docker: fix Dockerfile casing (#5705)

Typescript 👷

Only for typescript users, Nuxt.js v2.7 dropped support for node < 8.6 relate to ts-loader v6

• add babel config types (#5666)
• upgrade ts-loader to v6 (#5691)
• fix context.app type (#5701)
• fix extendRoutes method type (#5700)
• prevent ts-node to register twice (#5699)

Thanks to 🙏

• Christian Lehr (@clehr)
• Hyunje Jun (@utatti)
• Rafał Chłodnicki (@rchl)
• Yama-Tomo (@Yama-Tomo)
• René Stalder (@renestalder)
• Kohei Ota (@inductor)

Fixes

• cli: Watch and reload nuxt.config (#5574)
• utils: serialize inline functions (#5051) (#5580)
• vue-app: Fix context req and res types (#5560)
• webpack: Fix production font preloading (#5436)
• Don't customize esm options (91c3642e64166a939683b856e5b34ef42d12bb0e)

Dependency Upgrades

• Update webpackbar to ^3.2.0
• Update vue-router to ^3.0.6
• Update @nuxt/loading-screen to ^0.5.0

Fixes

• cli: Apply nuxt.config.js changes and watch for all imported files (#5500)
• cli: Fix problem for users that have tsconfig.json but do not use typescript (#5478)
• cli: Show memory usage after build for nuxt dev (#5514)
• server Fix bug with SPA mode with CSP enabled (#5474)
• vue-renderer: Use modulepreload for modern mode when using spa generate (#5489)
• webpack: Suggest using official @nuxtjs/style-resources package (#5499)
• Custom router.base support for banner url and loading screen (#5470) (nuxt/loading-screen#8)

Security Fixes

• Prevent potential XSS vulnerabiliy when using vuex-router-sync (nuxt/devalue#8) (vuejs/vuex-router-sync#89)

Thanks to our awesome contributors to this release

• Damian Stasik (@visualfanatic)
• Andreas Zoellner (@zoellner)
• Vasyl Boroviak (@koresar)

Migration Guide

This version is addressing most of the problems of 2.5 and is without any breaking changes. For most of the users, a normal version upgrade would be enough. However, reading this guide can help to have a smooth upgrade.

General Tips

• Using yarn as the package manager is more preferred as Nuxt is internally being tested against yarn
• Before upgrade ensure to remove yarn.lock, package-lock.json and node_modules
• After full install and testing, also consider upgrading other dependencies. The yarn outdated command can be used.

Missing App Dependencies

Because of how package managers (yarn, npm) work, a wrong version of a dependency from one of the other dependencies may be hoisted into node_modules. Nuxt is strict about this and provides instructions for dependency resolution so please follow it.

The well-known problem is with firebase package that requires to manually install node-fetch dependency in your project.

Reverting breaking changes

We accidentially introduced a change that broke the prod build for many people who are using Nuxt programatically. This has been resolved through #5413. Sorry for the inconveniences!

Core-js

Since core-js@2 and core-js@3 are both supported from babel 7.4.0, Starting from 2.6 Nuxt supports both versions (#5411). It is highly advised to stick with 2 (default) unless having a special dependency that needs 3. (Instructions for core-js@2 are not required but recommended)

core-js@2

• yarn: yarn add -D core-js@2 @babel/runtime-corejs2
• npm: npm i -D core-js@2 @babel/runtime-corejs2

core-js@3

• yarn: yarn add -D core-js@3 @babel/runtime-corejs3
• npm: npm i -D core-js@3 @babel/runtime-corejs3

Edit nuxt.config.js:

export default {
  build: {
    babel: {
      presets({ isServer }) {
        return [
          [
            require.resolve('@nuxt/babel-preset-app'),
            // require.resolve('@nuxt/babel-preset-app-edge'), // For nuxt-edge users
            {
              buildTarget: isServer ? 'server' : 'client',
              corejs: { version: 3 }
            }
          ]
        ]
      }
    }
  }
}

Typescript

Nuxt 2.5 users may only require to add ts-node to the dependencies

Beta Testers : Replace nuxt by nuxt-edge, and @nuxt/typescript by @nuxt/typescript-edge in the following instructions.

1. Remove nuxt-ts dependency (2.4 users only)
   • yarn: yarn remove nuxt-ts
   • npm: npm remove nuxt-ts
2. Add nuxt and ts-node to dependencies:
   • yarn: yarn add nuxt ts-node
   • npm: npm i nuxt ts-node
3. Add @nuxt/typescript to devDependencies:
   • yarn: yarn add -D @nuxt/typescript
   • npm: npm i -D @nuxt/typescript
4. Create an empty tsconfig.json file. Nuxt will automatically generate it with defaults at first run, then you can edit it to fit your needs

Features

• feat(babel-preset-app): support specifying core-js version (#5411) (Xin Du (Clark)) (159123fe)
• feat(cli): add internal _generate and _build options (#5434) (Pooya Parsa) (516aea3d)
• feat(cli): add --quiet option to nuxt generate command (#5357) (Franck Abgrall) (91f4eb04)
• feat(typescript): detect typescript based on tsconfig.json (#5412) (Pooya Parsa) (6ffc5c57)
• feat(vue-renderer): add csp meta tags (#5354) (James George) (b978a376)

Fixes

• fix: unexpected token export in importing babel runtime helper (#5401) (ryota yamamoto) (3b85dd97)
• fix(core): call ready to prevent breaking changes (Pooya Parsa) (#5413) (001ba775)
• fix(build): disable loading babel.config.js by default (#5365) (Xin Du (Clark)) (64fa4244)
• fix(builder): await for renderer to load resources (#5341) (Pooya Parsa) (caf51984)
• fix(cli): catch all possible errors thrown from proper-filelock (#5347) (Pim) (39bbe46e)
• fix(renderer): retry render if renderer is in loading or created state (#5417) (Pooya Parsa) (8b996959)
• fix(vue-app): decode uri in getlocation (#5337) (Johan Roxendal) (77dcfe6e)
• fix(vue-app): prevent mounting page twice on redirect (#5361) (noe132) (2d73e8ae)
• fix(vue-renderer): add the csp hash if unsafe-inline hasn't been specified (#5387) (Sam Bowler) (97db6a4b)
• fix(types): add type definition for typescript.typeCheck (#5326) (Daniel Roe) (2c1444d9)

Refactors

• refactor(typescript): only generate tsconfig.json if missing (#5356) (#5367) (Kevin Marrec) (9a3fc8a4)
• refactor(vue-renderer): improve ready status error (#5339) (Pooya Parsa) (535327c4)
• refactor(webpack): add ability to get webpack config class (#5378) (Damian Stasik) (abf7db1f)

Examples

• examples: add docker example (#5430) (Utkarsh Gupta) (3eec1152)
• examples(vue-apollo): update to @nuxtjs/apollo 4.x (#5345) (Dmitry Molotkov) (95f2a125)
• examples(with-buefy): update example (#5348) (Dmitry Molotkov) (ce66a8cb)
• examples(with-element-ui): fix package scripts (#5349) (Dmitry Molotkov) (10812e30)

Chore

• chore(postcss): deprecate config support (#5419) (Alexander Lichter) (1bd4fb14)
• chore(readme): fix grammar (#5395) (Irvin Lin) (f8d3626c)

Dependency Upgrades

• loading-screen: use wss for https (nuxt/loading-screen#4)
• loading-screen: fallback to fetch if ws fails (nuxt/loading-screen#6)
• node-proper-lockfile: fix mtime precision on some filesystems (#​88) (f266158)

Bug Fixes

• fix: revert to corejs@2 (#5317) (Pooya Parsa) (20836d93)
• fix: remove consola.debug for hooks (#5318) (Thomas Reichling) (9ff01f9b)
• fix: apply default lock options before setting lock (#5320) (Pim) (7c24280a)
• fix(ts): wrong export used in render.d.ts (#5309) (Romain Lanz) (e67b2982)
• examples: upgrade and fix typescript configuration files (#5310) (Romain Lanz) (7100a2c6)
• chore: unsupport nuxt-legacy (pooya parsa) (797a4ce6)

v2.4.5 (2019-02-26)

Bug fixes and Improvements

• builder: bundle resources other than js(x)/json in node_modules (#4913) (71a70fe)
• cli: dont force exit when it was explicitly disabled (#4973) (4b82aa9)
• cli: show warning on forced exit (#4958) (3d2deac)
• dependencies: update serve-placeholder and esm (#4970) (111455f)
• vue-renderer: preload modern resource in spa modern mode (#5043) (3516580)
• vue-app: fix asyncData memory leak on client-side (#4966) (4086800)
• vue-app: fix getNuxtChildComponents method (#4969) (dbf7099)
• vue-app: use browser to handle scrolling position on page reload... (#5080) (7001312)
• webpack: bundle resources other than js(x)/json in node_modules (#4913) (71a70fe)
• nuxt-ts: error catch in nuxt-ts binary (#5086) (4f887f6)