It seems doesn't work will with .jsx file.

[whoooami]

I add three [home, default, 404] in src/layouts use jsx.
1、 vite.config.ts

    Layouts({
      extensions: ['vue', 'jsx'],
    }),

2、add layout yaml config

import { defineComponent } from 'vue'

export default defineComponent({
  setup() {
    const { t } = useI18n()
    // eslint-disable-next-line unused-imports/no-unused-vars
    const route = useRoute()

    return () => (
      <>
        <div>
          Test layout
        </div>
        <route lang="yaml">
        meta:
          layout: home
        </route>
      </>
    )
  },
})

But it always use default layout when file name is index.jsx. when I change back to index.vue. It works with meta layout.

[markthree]

@whoooami Because the custom block only applies to the SFC，jsx is so dynamic that parsing it is difficult, and in most cases the only way to know what's going on inside is to run it.

However, vite-plugin-vue-layout needs to get the meta of the corresponding page routes before running