Project init with nuxt and vuetifyjs #24
Conversation
Using https://github.com/williamchong007/nuxt-express-template-airbnb commit 1ce705d
It will make local development environment and docker development not override other node_moudles content. It also speed up the docker development environment since there is less files to map at runtime.
package.json
Outdated
| "sequelize": "^4.37.10", | ||
| "sequelize-cli": "^4.0.0", | ||
| "source-map-support": "^0.4.15" | ||
| "source-map-support": "^0.4.15", | ||
| "vue": "^2.5.16", |
There was a problem hiding this comment.
probably want to list vue-server-renderer and vue-template-compiler too if listing vue as dep,
since all 3 need to be sync in version
Another way is just use // eslint-disable-line import/no-extraneous-dependencies when import Vue from 'vue'; in plugins,
since nuxt must have Vue anyway
layouts/error.vue
Outdated
| @@ -0,0 +1,37 @@ | |||
| <template> | |||
| <section class="container"> | |||
| <img src="../assets/img/logo.png" alt="Nuxt.js Logo" class="logo" /> | |||
There was a problem hiding this comment.
../assets/img/logo.png is missing
There was a problem hiding this comment.
It is not missing on my setting. The file is checking here: https://github.com/rickmak/puttyimages-web/blob/0d6ee56c849ddbe65795099d5abbea773f8359b0/assets/img/logo.png
Just to confirm the path resolve setting is right. I will remove the dummy img.
pages/_id.vue
Outdated
| @@ -0,0 +1,45 @@ | |||
| <template> | |||
| <section class="container"> | |||
| <img src="~assets/img/logo.png" alt="Nuxt.js Logo" class="logo" /> | |||
pages/index.vue
Outdated
| @@ -0,0 +1,38 @@ | |||
| <template> | |||
| <section class="container"> | |||
| <img src="~assets/img/logo.png" alt="Nuxt.js Logo" class="logo" /> | |||
|
Updated according to comments. |
|
With @williamchong007 and @nwingt approval, I will merge this into likeCoin master if no other comments in coming 6 hours. |
The project init is docker base and should be easy to kick start by following
the README.
connect #5