docs: improve testing component examples

[michaelmcandrew]

🔗 Linked issue

Resolves #27120.

Thanks @danielroe for the pointer on the import shortcut.

I made a PR with some related tweaks - hopefully improvements.

• I removed the declaration of the Components and the associated Component type import since they are no longer necessary.
• I split the first example in two since the comments indicate they are separate files.
• I used the @ directory alias to do the app import (import App from '@/app.vue') but maybe there is another way?

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[danielroe]

This looks great - just need to confirm it will pass twoslash type testing - it might need some more basic comments.

Also (tiny thing) we generally prefer the tilde alias in the docs.

[danielroe]

Suggested change

	import App from '@/app.vue'
	import App from '~/app.vue'

[danielroe]

Suggested change

	import App from '@/app.vue'
	import App from '~/app.vue'

[michaelmcandrew]

Thanks - I updated the @s to ~s and gave it a conventional commit message and force pushed (which now that I have properly read the contribution docs I am thinking might not have been necessary since it'll use the PR title).

Anyhow, hopefully all good now. Thanks for your help. A nice smooth process :)

[danielroe]

Thank you ❤️