bradtraversy / vue-crash-2021 Goto Github PK

I copied your entire code into my code files and checked if it would work. The only difference between my project and the one listed here in this repo is I guess the vue.js version.

The problem that I have is that my routing does not work and therefore the views are not displayed corresponding to the paths specified in the index.js file. How I said I copied all your code and it still didn't worked out. When I inspect the html page it appears that the content is not injected into <router-view :showAddTask="showAddTask"></router-view>. The routerLink works it changes the URL without refreshing the page, but no component is displayed.

Thanks for the tutorial. It's great!

I followed along but still got this warning in the console every time I clicked on the "Add a Task" button:
Extraneous non-emits event listeners (addTask) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option.
at <AddTask onAddTask=fn<bound addTask> >
at <App showAddTask=true onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy {deleteTask: ƒ, addTask: ƒ, toggleStatus: ƒ, …} > >
at <RouterView showAddTask=true >
at <App>

I found out that declaring the emitted event works in removing the warning. Hope this helps.

• Add emits: ['add-task'] to the export in /src/components/AddTask.vue

On double-clicking we send toggle-reminder emit with value task.id here and on click we send delete-task with task.id as well here- both of which are unnecessary.

We can get rid of the values in the Task component because these are emitted in Tasks component within the for loop here.

should that be <style scoped>?