Vue Js in place with Laravel throws an error, why?

Question

WordPress

https://jsfiddle.net/9z16w738/2/ Why does the same code work here and there is an error in phpStorm.
all connections are there, I tried to insert something from vue that works, namely, this beats an error

<div id="app">
      <div id="dynamic-component-demo" class="demo">
          <button
              v-for="tab in tabs"
              v-bind:key="tab"
              v-bind:class="['tab-button', { active: currentTab === tab }]"
              v-on:click="currentTab = tab"
          >{{ tab }}</button>

          <component
              v-bind:is="currentTabComponent"
              class="tab"
          ></component>
      </div>
  </div>

Answer 1

Hello.
Set "category" in Settings -> Permalinks -> Category prefix and save.

Answer 2

maybe category-name?

Answer 3

Try instead of {{ tab }} this is @{{ tab }}