phyks/cuizin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Better display of recipe instructions

Browse Source
This commit is contained in:
Lucas Verney 2018-03-03 12:02:47 +01:00
parent a1bf22c31e
commit c873021500
3 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
cuizin/js_src/components/Recipe.vue
View File

@ -27,7 +27,7 @@
</li> </li>
</ul> </ul>
<h2 class="mt-3">Instructions</h2> <h2 class="mt-3">Instructions</h2>
<p>{{ recipe.instructions }}</p> <nl2br tag="p" :text="recipe.instructions"></nl2br>
<p v-if="recipe.url" class="text-xs-center"> <p v-if="recipe.url" class="text-xs-center">
<v-btn :href="recipe.url"> <v-btn :href="recipe.url">
<v-icon class="fa-icon">fa-external-link</v-icon> <v-icon class="fa-icon">fa-external-link</v-icon>

2
cuizin/js_src/main.js
View File

@ -6,6 +6,7 @@ import 'roboto-fontface/css/roboto/roboto-fontface.css';
import 'font-awesome/css/font-awesome.css'; import 'font-awesome/css/font-awesome.css';
import 'material-design-icons/iconfont/material-icons.css'; import 'material-design-icons/iconfont/material-icons.css';
import 'vuetify/dist/vuetify.min.css'; import 'vuetify/dist/vuetify.min.css';
import Nl2br from 'vue-nl2br';
import App from './App'; import App from './App';
import router from './router'; import router from './router';
@ -14,6 +15,7 @@ import router from './router';
require('es6-promise').polyfill(); require('es6-promise').polyfill();
require('isomorphic-fetch'); require('isomorphic-fetch');
Vue.component('nl2br', Nl2br);
Vue.use(Vuetify); Vue.use(Vuetify);
Vue.config.productionTip = false; Vue.config.productionTip = false;

1
package.json
View File

@ -17,6 +17,7 @@
"material-design-icons": "^3.0.1", "material-design-icons": "^3.0.1",
"roboto-fontface": "^0.9.0", "roboto-fontface": "^0.9.0",
"vue": "^2.5.2", "vue": "^2.5.2",
"vue-nl2br": "^0.0.5",
"vue-router": "^3.0.1", "vue-router": "^3.0.1",
"vuetify": "^1.0.0" "vuetify": "^1.0.0"
}, },