How to change syntax highlighting in phpStorm for vue components?

Question

phpstorm

vue has single-file components that have markup:

example file

<template>
  <div id="app">
    <h1>{{ msg }} <span>Вася</span></h1>
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<style lang="scss">
h1 {
  span {
    color: green;
  }
}
</style>

How to explain to the IDE that everything in <style></style>this is scss for example
And how to teach how to process everything that is in <script></script> according to ECMA2015. At the moment, arrow functions are underlined by a syntax error, for example, this var a = a.map( s => s.length );
is really not the last storm, I have 2016.1.2 I have a permanent license, I don’t want to update because I have to pay these bastards monthly. Everything suits me, as it were, except for this nuance, maybe there is a plugin.