"Property <property> is private and only accessible within class <classname>" error message should not be present

[mathmul]

If there's something wrong with this code, please let me know. ATM I believe there is no mistake in this code, so I don't think Volar should report any errors from static analysis.

Code

<template>
  <Loader :widthPx="40" :heightPx="40" :show="isLoading" color="black" />
</template>

<script lang="ts">
import '@/assets/css/style.css';
import Vue from 'vue';
import { Component } from 'vue-property-decorator';
import Loader from "../components/Loader.vue";

@Component({
  components: {
    Loader,
  },
  filters: {
  },
})
export default class OrderView extends Vue {
  private isLoading = false;
}
</script>

Code image with underlined error and red component

Image of error message

NOTE

I'm using Vue 2, and have added the necessary lines in both package.json as well tsconfig.json. I also disabled Vetur.

[maroon1]

@mathmul use public instead of private

[johnsoncodehk]

Duplicate of #997