frontend/src/components/recipe-mobile/recipe-list.vue

@@ -17,12 +17,9 @@
       }"
     >
       <template #title>
-        <van-tag
+        <van-tag class="recipe-type-tag" plain type="primary">{{
-          class="recipe-type-tag"
+          constants.formatRecipeType(recipe.recipe_type)
-          plain
+        }}</van-tag>
-          v-bind:type="getTagType(recipe.recipe_type)"
-          >{{ constants.formatRecipeType(recipe.recipe_type) }}</van-tag
-        >
         <span class="recipe-name"> {{ recipe.name }}</span>
       </template>
       <template #value>
@@ -60,13 +57,6 @@ export default {
       constants: constants,
       is_link: true,
       activeNames: ['1'],
-      getTagType: function (recipe_type) {
-        return {
-          [constants.RECIPE_TYPE_MEAT]: 'primary',
-          [constants.RECIPE_TYPE_VEGETABLE]: 'success',
-          [constants.RECIPE_TYPE_SOUP]: 'warning',
-        }[recipe_type];
-      },
     };
   },
   mounted() {},