allow setting default route transition (page/layout) properties globally

[danielroe]

currently it's only possible to set transition props on a per route basis with definePageMeta, or via something like this:

export default defineNuxtConfig({
  modules: [
    // ...
    function (options, nuxt) {
      nuxt.hook('pages:extend', (pages) => {
        for (const page of pages) {
          page.meta = {
            layoutTransition: false,
            pageTransition: false,
          }
        }
      })
    }
  ],
})

It would be better to support configuring this so it can easily be disabled or set on a project-wide base

[atinux]

What about:

import { defineNuxtConfig } from 'nuxt'

export default defineNuxtConfig({
  app: {
    layoutTransition: false,
    pageTransition: false
  }
})

[PaulBouisset]

@atinux Is pageTransition still available in nuxt3 like with nuxt2? With "in-out" mode for exemple? I can't make it work on my side when setup like this:

import { defineNuxtConfig } from 'nuxt'

export default defineNuxtConfig({
  app: {
    pageTransition: {
        mode:'in-out',
        css:false
    }
  }
})

[atinux]

This issue is actually to discuss about this option so it's normal it does not work yet @PaulBouisset

[PaulBouisset]

@atinux My bad. Sorry for the confusion.

I upvote your proposal. It's really convenient to setup the page.meta.pageTransition for all the pages like this directly in defineNuxtConfig.

[atinux]

If you agree with this proposal @pi0, I suppose @danielroe could lead this implementation?

[pi0]

Global config API (#14265) looks good to me 👍🏼

[vis97c]

When is this shipping? Quite useful feature.

[atinux]

Read about the progress in nuxt/framework#5859, as soon as it is merged, you will be able to use it by switching to the edge channel.