Breaking News: Grepper is joining You.com. Read the official announcement!

Filters are deprecated vue/no-deprecated-filter

Karl-Markus Pihlakas answered on September 29, 2022 Popularity 6/10 Helpfulness 5/10

answer Filters are deprecated vue/no-deprecated-filter

Filters are deprecated vue/no-deprecated-filter

Comment

INITIAL PROBLEM
<template>
    <div class="post-box">
        <span class="views">{{ views }}</span>
        <h3 class="title">{{title}}</h3>
        <span class="date">{{ date }}</span>
        <p class="content">{{ content }}</p>
        <div class="row">
          <div class="col-sm-6 author">
            <span class="post-author">{{author | uppercase }}</span>
          </div>
          <div class="col-sm-6 category">
            <span class="post-category">{{category}}</span>
          </div>
        </div>
      </div>
</template>
createApp(App).use(store).use(router).mount("#app");

    new Vue({
        router,
        store,
        render: h => h(App)
    }).$mount("#app");
    
    Vue.config.productionTip = false;
    
    Vue.filter('uppercase', function (v){
       return v.toUpperCase()
    });
    
SOLUTION

REMOVE 
new Vue({
        router,
        store,
        render: h => h(App)
    }).$mount("#app");
    
    Vue.config.productionTip = false;
    
    Vue.filter('uppercase', function (v){
       return v.toUpperCase()
       
AND REPLACE       
<template>
     ...
          <div class="col-sm-6 author">
            <span class="post-author">{{ uppercase(author) }}</span>
          </div>
     ...
    </template>
    
    <script>
    export default {
      props: ['title','content','author','category','date','views'],
      name: "BlogPost",
      computed:{
         uppercase(){
            return (v)=>{
              return v.toUpperCase()
              }
           }
     }
    };
    </script>
    });

Popularity 6/10 Helpfulness 5/10 Language whatever

Source: stackoverflow.com

Tags: deprecated whatever

Link to this answer
Share Copy Link

Contributed on Sep 29 2022

Karl-Markus Pihlakas

0 Answers Avg Quality 2/10

Filters are deprecated vue/no-deprecated-filter

Contents

More Related Answers

Filters are deprecated vue/no-deprecated-filter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.