別環境で動いていた.vueがRailsで使おうとすると警告が出る

RailsとVueを使ってウェブアプリを作っております。

vue
1<template>
2...
3      <div v-if="loggedIn">
4        <v-menu offset-y>
5          <template v-slot:activator="{ on }">
6            <v-btn icon v-on="on">
7              <span>{{ loginName }}</span>
8            </v-btn>
9          </template>
10...
11</template>
12
13<script lang="ts">
14...
15export default Vue.extend({
16  name: "SKApp",
17  components: {},
18  data(): DataType {
19    return  {
20      loggedIn: false,
21      loginName: '',
22      icons: {
23        mdiAccountCog,
24        mdiLogout
25      }
26    }
27  },
28...
29</script>

上記のようなコードを書いているのですが、別環境ではそのままで動いていたのに

[Vue warn]: Property or method "loggedIn" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

という警告が出てうまく動かなくなりました。
loggedIn変数を別の名前に変えてもうまく動きません。
この警告で検索してもdataメソッドの中にちゃんとプロパティを指定していないコードばかりが見つかってしまいます。
どなたか原因がわかる方いないでしょうか？