Bug in Vue Layouts example

[shortpoet]

Description

ReferenceError: _sfc_main is not defined

This bug is referenced in this issue. If the example is run from the monorepo, all tests pass. If you pull the example out and run just the example in isolation, the bug will be encountered. I tried to add the repro to stackblitz, but couldn't get it to run there.

I think there is an open issue in Vue about it. It gave me a clue to fix the 'bug.' I have no idea why the monorepo seems to avoid the issue and would love to learn if you know.

The fix is to change this line

from

export { default as Layout } from './Layout.vue'

to

import { default as Layout } from './Layout.vue'
export { Layout }

I can confirm that tests still pass (the ones that didn't fail otherwise) on the monorepo with this change. Would love the opportunity to submit a PR if appropriate.

Error Message + Error Stack

ReferenceError: _sfc_main is not defined
    at eval (/pages/index.page.vue:16:20)
    at async instantiateModule (file:///Users/Shared/source/repos/zorbae/vps-repro-vue-layouts/node_modules/.pnpm/vite@4.1.4/node_modules/vite/dist/node/chunks/dep-ca21228b.js:52420:9)

[brillout]

Hm, that's quite surprising indeed. And in many ways.

Yea, PR welcome to update that line!

[brillout]

Closing since it's not really a VPS bug. Looking forward to your PR.