diff --git a/vue/src/components/Ingredient.vue b/vue/src/components/IngredientComponent.vue
similarity index 100%
rename from vue/src/components/Ingredient.vue
rename to vue/src/components/IngredientComponent.vue
diff --git a/vue/src/components/Keywords.vue b/vue/src/components/KeywordsComponent.vue
similarity index 100%
rename from vue/src/components/Keywords.vue
rename to vue/src/components/KeywordsComponent.vue
diff --git a/vue/src/components/Nutrition.vue b/vue/src/components/NutritionComponent.vue
similarity index 100%
rename from vue/src/components/Nutrition.vue
rename to vue/src/components/NutritionComponent.vue
diff --git a/vue/src/components/Step.vue b/vue/src/components/StepComponent.vue
similarity index 96%
rename from vue/src/components/Step.vue
rename to vue/src/components/StepComponent.vue
index c5a17b685..bf7492ded 100644
--- a/vue/src/components/Step.vue
+++ b/vue/src/components/StepComponent.vue
@@ -40,8 +40,8 @@
             <table class="table table-sm">
               <!-- eslint-disable vue/no-v-for-template-key-on-child -->
               <template v-for="i in step.ingredients">
-                <Ingredient v-bind:ingredient="i" :ingredient_factor="ingredient_factor" :key="i.id"
-                            @checked-state-changed="$emit('checked-state-changed', i)"></Ingredient>
+                <Ingredient-component v-bind:ingredient="i" :ingredient_factor="ingredient_factor" :key="i.id"
+                            @checked-state-changed="$emit('checked-state-changed', i)"></Ingredient-component>
               </template>
               <!-- eslint-enable vue/no-v-for-template-key-on-child -->
             </table>
@@ -158,14 +158,13 @@
 
 import {calculateAmount} from "@/utils/utils";
 
-import Ingredient from "@/components/Ingredient";
 import {GettextMixin} from "@/utils/utils";
 
 import CompileComponent from "@/components/CompileComponent";
 import Vue from "vue";
 import moment from "moment";
-import Keywords from "@/components/Keywords";
 import {ResolveUrlMixin} from "@/utils/utils";
+import IngredientComponent from "@/components/IngredientComponent";
 
 Vue.prototype.moment = moment
 
@@ -176,7 +175,7 @@ export default {
     ResolveUrlMixin,
   ],
   components: {
-    Ingredient,
+    IngredientComponent,
     CompileComponent,
   },
   props: {