Как передать Vue переменных в шаблон PUG

Question

Я получил пользовательские данные от VUEX, и я хочу выполнить действие в зависимости от этих данных в моем шаблоне PUG

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import { Getter } from "vuex-class";

// Types
import { User } from "@/Interfaces/UsersAuth";

@Component
export default class Navbar extends Vue {
  @Getter("userData") user!: User;
}
</script>

<style lang="scss" scoped>

Вот шаблон

<template lang="pug">
  .navbar
    .navbar--brand
      img(
        src="https://arantza.s3.amazonaws.com/uwigotech/assets/logoblack.png"
        alt="Logo"
        class="navbar--brand--img")
    .navbar--rightmenu
      ul
        if {{user.isAuth}}
          li true
        else
          li false
</template>

Постоянно говорят, что user.isAuth не определен, но если я просто покажу div {{user.isAuth}}, он покажет данные правильно