refactor(schema)!: disable app.pageTransition and app.layoutTransition by default

[danielroe]

🔗 Linked issue

#8434 (comment)

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

This disables page/layout transitions by default. They cause issues like nuxt/nuxt#13471 and nuxt/nuxt#15239 when many users may not be using them at all ...

 👉 Migration

If you were using page/layout transitions, you can add the following to your nuxt config to re-enable the previous behaviour:

export default defineNuxtConfig({
  app: {
    pageTransition: { name: 'page', mode: 'out-in' },
    layoutTransition: { name: 'layout', mode: 'out-in' }
  },
})

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[codesandbox]

  Open in CodeSandbox Web Editor | VS Code | VS Code Insiders

[netlify]

✅ Deploy Preview for nuxt3-docs ready!

Name	Link
🔨 Latest commit	e47c6b0
🔍 Latest deploy log	https://app.netlify.com/sites/nuxt3-docs/deploys/63566e1a2300040009fc0b2e
😎 Deploy Preview	https://deploy-preview-8436--nuxt3-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[atinux]

Thank you @danielroe

We need to update the documentation as well (https://v3.nuxtjs.org/getting-started/transitions) to explain how to enable page transition and layouts transitions.

[danielroe]

Thank you - good catch! 🙏

[danielroe]

Fixing test failure. On plane, so may take a minute.