web/satellite: migrated dashboard InfoContainer component to use composition API
Migrated component to use SFC composition API. Change-Id: Ibc985f8e81d941dd83fecd065873be1610f40767
This commit is contained in:
parent
43da70556a
commit
0b58657914
@ -13,27 +13,20 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { Component, Prop, Vue } from 'vue-property-decorator';
|
||||
|
||||
<script setup lang="ts">
|
||||
import VLoader from '@/components/common/VLoader.vue';
|
||||
|
||||
// @vue/component
|
||||
@Component({
|
||||
components: {
|
||||
VLoader,
|
||||
},
|
||||
})
|
||||
export default class InfoContainer extends Vue {
|
||||
@Prop({ default: false })
|
||||
public readonly isDataFetching: boolean;
|
||||
@Prop({ default: '' })
|
||||
public readonly title: string;
|
||||
@Prop({ default: '' })
|
||||
public readonly subtitle: string;
|
||||
@Prop({ default: '' })
|
||||
public readonly value: string;
|
||||
}
|
||||
const props = withDefaults(defineProps<{
|
||||
isDataFetching: boolean,
|
||||
title: string,
|
||||
subtitle: string,
|
||||
value: string,
|
||||
}>(), {
|
||||
isDataFetching: false,
|
||||
title: '',
|
||||
subtitle: '',
|
||||
value: '',
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
Loading…
Reference in New Issue
Block a user