Lines: 6-13 | Lines: 6-9 | ||
!! Next step after Hello World | !! Next step after Hello World | ||
Here, for the record, is my test wiki page that seems to work on that branch. It is based on [https://codesandbox.io/s/simple-todo-app-with-vue-w5zod|this example]. | Here, for the record, is my test wiki page that seems to work on that branch. It is based on [https://codesandbox.io/s/simple-todo-app-with-vue-w5zod|this example]. | ||
- | {REMARKSBOX(type=warning title=Please Note)} | ||
- | There is a 404 error in my Google Chrome console regarding this page code example that some __vue_todolist.js__ is missing? {sign user="luci" datetime="2020-06-19T20:18:43+00:00"} | ||
- | {REMARKSBOX} | ||
^{VUE(name="BaseInputText")} | ^{VUE(name="BaseInputText")} | ||
Lines: 100-105 | Lines: 96-101 | ||
<script> | <script> | ||
- | import BaseInputText from './ import TodoListItem from './ |
+ | import BaseInputText from './vue_BaseInputText.js'; import TodoListItem from './vue_TodoListItem.js'; |
window.BaseInputText = BaseInputText; | window.BaseInputText = BaseInputText; | ||
window.TodoListItem = TodoListItem; | window.TodoListItem = TodoListItem; | ||
Lines: 108-112 | Lines: 104-109 | ||
// tiki note: for some reason we need to use a lower case version of the component name | // tiki note: for some reason we need to use a lower case version of the component name | ||
- | // as the key in the components object | + | // as the key in the components object. // BUT not in imports which refer to actual file names and need the same capitalisation as the files. |
export default { | export default { | ||
name: 'TodoList', | name: 'TodoList', | ||
Lines: 163-167 | Lines: 160-164 | ||
<script> | <script> | ||
- | import TodoList from './ |
+ | import TodoList from './vue_TodoList.js'; |
window.TodoList = TodoList; | window.TodoList = TodoList; |