title: Coffee lang in vue CLI 3
body: <p>I've created project with <code>vue create</code> and edited default <code>App.vue</code> like so:</p>
  
  <pre><code>&lt;script lang="coffee"&gt;
  import HelloWorld from './components/HelloWorld.vue'
  export default
    name: 'app'
    components:
      HelloWorld
  &lt;/script&gt;
  
  </code></pre>
  
  <p>and got an error</p>
  
  <pre><code> ERROR  Failed to compile with 1 errors                                     8:39:21 PM
  
   error  in ./src/App.vue?vue&amp;type=script&amp;lang=coffee&amp;
  
  Module parse failed: Unexpected token (11:6)
  You may need an appropriate loader to handle this file type.
  | import HelloWorld from './components/HelloWorld.vue'
  | export default
  &gt;   name: 'app'
  |   components:
  |     HelloWorld
  
   @ ./src/App.vue?vue&amp;type=script&amp;lang=coffee&amp; 1:0-170 1:186-189 1:191-358 1:191-358
   @ ./src/App.vue
   @ ./src/main.js
   @ multi (webpack)-dev-server/client?http://192.168.88.208:8080/sockjs-node (webpack)/
  hot/dev-server.js ./src/main.js
  
  </code></pre>
  
  <p>my package.json</p>
  
  <pre><code>{
    "name": "vue-app",
    "version": "0.1.0",
    "private": true,
    "scripts": {
      "serve": "vue-cli-service serve",
      "build": "vue-cli-service build"
    },
    "dependencies": {
      "vue": "*"
    },
    "devDependencies": {
      "@vue/cli-service": "*",
      "vue-template-compiler": "*",
      "coffee": "*",
      "coffee-loader": "*",
      "pug": "*",
      "pug-loader": "*",
      "pug-plain-loader": "*",
      "stylus": "*",
      "stylus-loader": "*",
      "vue-loader": "*"
    },
    "postcss": {
      "plugins": {
        "autoprefixer": {}
      }
    },
    "browserslist": [
      "&gt; 1%",
      "last 2 versions",
      "not ie &lt;= 8"
    ]
  }
  </code></pre>
  
  <p>pug and stylus works like a charm, but with coffee I have some problem <code>~_~</code></p>