Issue with "Getting started with Vue": (Remove components throws error)

[psionman]

MDN URL: https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_getting_started

What information was incorrect, unhelpful, or incomplete?

You incorrectly remove the components element form the default defn

Specific section or headline?

Making a couple of changes

What did you expect to see?

remove HelloWorld from

components: {
HelloWorld
}

Did you test this? If so, how?

following the tutorial. error

Failed to compile.

./src/App.vue
Module Error (from ./node_modules/eslint-loader/index.js):

/home/jeff/projects/vue/mdn_tutorial/moz-todo-vue/src/App.vue
1:1 error The template requires child element vue/valid-template-root

✖ 1 problem (1 error, 0 warnings)

MDN Content page report details

• Folder: en-us/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started
• MDN URL: https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_getting_started
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.md
• Last commit: mdn/content@e02edd1
• Document last modified: 2022-01-22T00:04:46.000Z

[himanshugarg]

Thanks for reporting. Could it be that you're using Vue3. Seems to work ok with the instructions for me Vue2:-

[psionman]

Yes - I'm using vue3

[github-actions]

It looks like this is your first issue. Welcome! 👋 One of the project maintainers will be with you as soon as possible. We appreciate your patience. To safeguard the health of the project, please take a moment to read our code of conduct.

[bsmth]

Thanks a lot for opening the issue @psionman. The docs are now updated to show the error in mdn/content#23696

I'm going to close this one as done now. Thank you :)