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

@@ -17,12 +17,9 @@
       }"
     >
       <template #title>
-        <van-tag
-          class="recipe-type-tag"
-          plain
-          v-bind:type="getTagType(recipe.recipe_type)"
-          >{{ constants.formatRecipeType(recipe.recipe_type) }}</van-tag
-        >
+        <van-tag class="recipe-type-tag" plain type="primary">{{
+          constants.formatRecipeType(recipe.recipe_type)
+        }}</van-tag>
         <span class="recipe-name"> {{ recipe.name }}</span>
       </template>
       <template #value>
@@ -49,7 +46,7 @@ export default {
     [CollapseItem.name]: CollapseItem,
     [Icon.name]: Icon,
   },
-  data: function () {
+  data: function() {
     return {
       loading: false,
       finished: false,
@@ -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() {},