default.vue layout always runs

Hi,

I believe I found either a bug – or consider this a feature request. 😃

I have an index.vue page with a different layout than default.vue. Let’s say it uses start-layout.vue. But, all my other pages in /pages use default.vue.

When I visit my entry point index.vue in the browser, I would expect default.vue’s setup function not to run – alas, it does. That’s a problem for side effects.

Remediation

Avoid having a default.vue in /layouts. And configure each page to use a named layout. E.g. not-default.vue.

Reproduction

Please see here: https://codesandbox.io/s/layout-bug-forked-q02kt. In the console, both layouts fire their respective logs.

[husayt]

@JohnCampionJr seems this fix is still pending. Is there any problems with the fix above , as issue is quote serious?

[mariusa]

The change in this issue didn’t fix it (const name = ref('')); also restarted. Nor the fix in https://github.com/JohnCampionJr/vite-plugin-vue-layouts/issues/14

I’ve put a log in mounted() for each layout. Starting from default, which is correct 1st time, clicking on a router link which goes to a page using unauth layout gives this:

default layout mounted
unauth layout mounted
default layout mounted

Strange that it’s not 100% reproducible.