title: How to fix "eslint(no-unused-vars)" in vue script
body: <p>I am trying to run a server in a  Vuejs App but i have troubles with eslint message appreciate your help to fix them</p>
  
  <p>This is my Json file:</p>
  
  <pre><code> {
     "name": "blog-frontend",
     "version": "0.1.0",
     "private": true,
     "scripts": {
      "serve": "vue-cli-service serve",
      "build": "vue-cli-service build",
      "lint": "vue-cli-service lint"
   },
    "dependencies": {
     "axios": "^0.19.0",
     "core-js": "^3.3.2",
     "vue": "^2.6.10",
     "vue-router": "^3.0.6"
   },
    "devDependencies": {
     "@vue/cli-plugin-babel": "^4.0.0",
     "@vue/cli-plugin-eslint": "^4.0.0",
     "@vue/cli-plugin-router": "^4.0.0",
     "@vue/cli-service": "^4.0.0",
     "babel-eslint": "^10.0.1",
     "eslint": "^5.16.0",
     "eslint-plugin-vue": "^5.0.0",
     "vue-template-compiler": "^2.6.10"
   }
  }
  </code></pre>
  
  <p>This is the message on console:</p>
  
  <pre class="lang-none prettyprint-override"><code> ERROR  Failed to compile with 1 errors                                                                             5:11:39 PM
   error  in ./src/views/Home.vue
  
  Module Error (from ./node_modules/eslint-loader/index.js):
  error: 'server' is defined but never used (no-unused-vars) at src\views\Home.vue:40:9:
    38 | &lt;script&gt;
    39 | // @ is an alias to /src
  &gt; 40 | import {server} from "@/utils/helper";
       |         ^
    41 | import axios from "axios";
    42 |
    43 | export default {
  
  
  error: 'id' is defined but never used (no-unused-vars) at src\views\Home.vue:58:16:
    56 |         .then(data =&gt; (this.posts = data.data));
    57 |     },
  &gt; 58 |     deletePost(id) {
       |                ^
    59 |       axios.delete('${sever.baseURL}/blog/delete?postID=${id}').then(data =&gt; {
    60 |         console.log(data);
    61 |         window.location.reload();
  
  
  2 errors found.
  
   @ ./src/router.js 3:0-41 19:15-28
   @ ./src/main.js
   @ multi (webpack)-dev-server/client?http://192.168.1.152:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
  </code></pre>
  
  <p><strong>Home.vue</strong></p>
  
  <pre><code>&lt;script&gt;
   // @ is an alias to /src
   import {server} from "@/utils/helper";
   import axios from "axios";
  
  export default {
   data() {
    return {
     posts: []
   };
  },
  created() {
   this.fetchPosts();
  },
  methosd: {
   fetchPosts() {
    axios
      .get('${server.baseURL}/blog/posts')
      .then(data =&gt; (this.posts = data.data));
  },
  deletePost(id) {
    axios.delete('${sever.baseURL}/blog/delete?postID=${id}').then(data =&gt; {
      console.log(data);
      window.location.reload();
     });
    }
   }
  };
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>helper.js</strong></p>
  
  <pre><code>export const server = {
   baseURL: 'http:localhost:3000'
  }
  </code></pre>
  
  <p><strong>main.js</strong></p>
  
  <pre><code>import Vue from 'vue'
  import App from './App.vue'
  import router from './router'
  
  Vue.config.productionTip = false
  
  new Vue({
   router,
    render: h =&gt; h(App)
  }).$mount('#app')
  </code></pre>
  
  <p><em>I expect that enough info and you can help me to fix them</em></p>