Please delete me. Wrong repo. I'm very sorry! 😅

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)

Reproduce the bug
Create an item
Check this item
Edit this item
Cancel edition

The item is no more checked

How to resolve (fast and easy)
On toDoItem.vue switch isDone from data to computed to preserve reactivity

guys:

I followed the instructions to create a vue to-do-list app, but I think there is a bug.

that is: when we click the save button from ToDoItemEditForm component, we can’t get back to the ToDoItem view , let alone the focus management ( we want move the focus to the input in the ToDoItem view)

at first, I think that is my problem, then I checked your live version, then I find the same problem.

MDN URL

https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_refs_focus_management

What specific section or headline is this issue about?

Focus management with Vue refs

What information was incorrect, unhelpful, or incomplete?

I followed the instructions 1 to create a vue to-do-list app, but I think there is a bug.

that is: when we click the save button from ToDoItemEditForm component, we can’t get back to the ToDoItem view , let alone the focus management ( we want move the focus to the input in the ToDoItem view)

at first, I think that is my problem, then I checked your live version 1, then I find the same problem.

To help you understand, I use my phone to record a video in this file
vuebug.zip

What did you expect to see?

I think at least when we click the save button, the app should behave normally. now it's quite wheird.

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

MDN URL

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

What specific section or headline is this issue about?

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

What information was incorrect, unhelpful, or incomplete?

Hi,

When removing HelloWorld from App.vue template, template became empty, documentation say we have one error because of not using registered component, this is OK but there is also an error because template is empty:

moz-todo-vue\src\App.vue
   1:1  error  The template requires child element                          vue/valid-template-root
  10:5  error  The "HelloWorld" component has been registered but not used  vue/no-unused-components

✖ 2 problems (2 errors, 0 warnings)

Also (edit: this one is already reported in #65), after removing HelloWorld import and component, it is said:
"Your rendered app should no longer show an error, just a blank page, as we currently have no visible content inside ."
But there is actually still:

moz-todo-vue\src\App.vue
  1:1  error  The template requires child element  vue/valid-template-root

✖ 1 problem (1 error, 0 warnings)

Edit: also, in https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_getting_started#initializing_a_new_project, on vue create moz-todo-vue there is a step that is not mentioned where we have to choose between Vue2 and Vue3, I choose Vue3.

Edit2: in another page (https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_methods_events_models#creating_a_new_to-do_form) there is a typo:

import ToDoForm from './components/ToDoForm';

instead of

import ToDoForm from './components/ToDoForm.vue';

Thanks.

What did you expect to see?

Proper text about empty template error message.

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

The is a .DS_store file that needs deleted.

Reproduce:

1. Edit task
2. Click Save without changes

Confuses when not going back

EDIT: I am assuming that this is deliberately designed for learning purpose. So, closing this issue