renamed components to match recommended naming

This commit is contained in:
vabene1111 2021-11-01 11:39:10 +01:00
parent 355f2d30a6
commit 0e55fe162c
6 changed files with 27 additions and 23 deletions

View File

@ -25,7 +25,7 @@
</div>
<div style="text-align: center">
<keywords :recipe="recipe"></keywords>
<keywords-component :recipe="recipe"></keywords-component>
</div>
<hr/>
@ -97,8 +97,8 @@
<b v-bind:key="s.id">{{s.name}}</b>
</template>
<template v-for="i in s.ingredients">
<Ingredient :ingredient="i" :ingredient_factor="ingredient_factor" :key="i.id"
@checked-state-changed="updateIngredientCheckedState"></Ingredient>
<ingredient-component :ingredient="i" :ingredient_factor="ingredient_factor" :key="i.id"
@checked-state-changed="updateIngredientCheckedState"></ingredient-component>
</template>
</template>
<!-- eslint-enable vue/no-v-for-template-key-on-child -->
@ -120,7 +120,7 @@
<div class="row" style="margin-top: 2vh; margin-bottom: 2vh">
<div class="col-12">
<Nutrition :recipe="recipe" :ingredient_factor="ingredient_factor"></Nutrition>
<Nutrition-component :recipe="recipe" :ingredient_factor="ingredient_factor"></Nutrition-component>
</div>
</div>
</div>
@ -140,8 +140,8 @@
<div v-for="(s, index) in recipe.steps" v-bind:key="s.id" style="margin-top: 1vh">
<Step :recipe="recipe" :step="s" :ingredient_factor="ingredient_factor" :index="index" :start_time="start_time"
@update-start-time="updateStartTime" @checked-state-changed="updateIngredientCheckedState"></Step>
<step-component :recipe="recipe" :step="s" :ingredient_factor="ingredient_factor" :index="index" :start_time="start_time"
@update-start-time="updateStartTime" @checked-state-changed="updateIngredientCheckedState"></step-component>
</div>
</div>
@ -164,21 +164,25 @@ import 'bootstrap-vue/dist/bootstrap-vue.css'
import {apiLoadRecipe} from "@/utils/api";
import Step from "@/components/Step";
import Step from "@/components/StepComponent";
import RecipeContextMenu from "@/components/RecipeContextMenu";
import {ResolveUrlMixin, ToastMixin} from "@/utils/utils";
import Ingredient from "@/components/Ingredient";
import Ingredient from "@/components/IngredientComponent";
import PdfViewer from "@/components/PdfViewer";
import ImageViewer from "@/components/ImageViewer";
import Nutrition from "@/components/Nutrition";
import Nutrition from "@/components/NutritionComponent";
import moment from 'moment'
import Keywords from "@/components/Keywords";
import Keywords from "@/components/KeywordsComponent";
import LoadingSpinner from "@/components/LoadingSpinner";
import AddRecipeToBook from "@/components/AddRecipeToBook";
import RecipeRating from "@/components/RecipeRating";
import LastCooked from "@/components/LastCooked";
import IngredientComponent from "@/components/IngredientComponent";
import StepComponent from "@/components/StepComponent";
import KeywordsComponent from "@/components/KeywordsComponent";
import NutritionComponent from "@/components/NutritionComponent";
Vue.prototype.moment = moment
@ -195,11 +199,11 @@ export default {
RecipeRating,
PdfViewer,
ImageViewer,
Ingredient,
Step,
IngredientComponent,
StepComponent,
RecipeContextMenu,
Nutrition,
Keywords,
NutritionComponent,
KeywordsComponent,
LoadingSpinner,
AddRecipeToBook,
},

View File

@ -49,7 +49,7 @@
import {calculateAmount, ResolveUrlMixin} from "@/utils/utils";
export default {
name: 'Ingredient',
name: 'IngredientComponent',
props: {
ingredient: Object,
ingredient_factor: {

View File

@ -9,7 +9,7 @@
<script>
export default {
name: 'Keywords',
name: 'KeywordsComponent',
props: {
recipe: Object,
},

View File

@ -57,7 +57,7 @@
import {calculateAmount, calculateEnergy, energyHeading} from "@/utils/utils";
export default {
name: 'Nutrition',
name: 'NutritionComponent',
props: {
recipe: Object,
ingredient_factor: Number,

View File

@ -42,7 +42,7 @@
</template>
<p class="mt-1">
<last-cooked :recipe="recipe"></last-cooked>
<keywords :recipe="recipe" style="margin-top: 4px"></keywords>
<keywords-component :recipe="recipe" style="margin-top: 4px"></keywords-component>
</p>
<transition name="fade" mode="in-out">
<div class="row mt-3" v-if="detailed">
@ -52,7 +52,7 @@
<!-- eslint-disable vue/no-v-for-template-key-on-child -->
<template v-for="s in recipe.steps">
<template v-for="i in s.ingredients">
<Ingredient :detailed="false" :ingredient="i" :ingredient_factor="1" :key="i.id"></Ingredient>
<Ingredient-component :detailed="false" :ingredient="i" :ingredient_factor="1" :key="i.id"></Ingredient-component>
</template>
</template>
<!-- eslint-enable vue/no-v-for-template-key-on-child -->
@ -82,13 +82,13 @@
<script>
import RecipeContextMenu from "@/components/RecipeContextMenu";
import Keywords from "@/components/Keywords";
import {resolveDjangoUrl, ResolveUrlMixin} from "@/utils/utils";
import RecipeRating from "@/components/RecipeRating";
import moment from "moment/moment";
import Vue from "vue";
import LastCooked from "@/components/LastCooked";
import Ingredient from "./Ingredient";
import KeywordsComponent from "@/components/KeywordsComponent";
import IngredientComponent from "@/components/IngredientComponent";
Vue.prototype.moment = moment
@ -97,7 +97,7 @@ export default {
mixins: [
ResolveUrlMixin,
],
components: {LastCooked, RecipeRating, Keywords, RecipeContextMenu, Ingredient},
components: {LastCooked, RecipeRating, KeywordsComponent, RecipeContextMenu, IngredientComponent},
props: {
recipe: Object,
meal_plan: Object,

View File

@ -169,7 +169,7 @@ import IngredientComponent from "@/components/IngredientComponent";
Vue.prototype.moment = moment
export default {
name: 'Step',
name: 'StepComponent',
mixins: [
GettextMixin,
ResolveUrlMixin,