From 957e0824cc3a03562a9f22ce1d59e6bfe26c4b5f Mon Sep 17 00:00:00 2001
From: Vitalii <takur12345@gmail.com>
Date: Tue, 4 Apr 2023 15:04:26 +0300
Subject: [PATCH] web/satellite: migrate OverviewContainer to use SFC
 composition api

Change-Id: I8b0412cec1b16866d172b6ba6816da1145e6c969
---
 .../steps/common/OverviewContainer.vue        | 41 ++++++++-----------
 1 file changed, 16 insertions(+), 25 deletions(-)

diff --git a/web/satellite/src/components/onboardingTour/steps/common/OverviewContainer.vue b/web/satellite/src/components/onboardingTour/steps/common/OverviewContainer.vue
index 99d87c062..32de7ff57 100644
--- a/web/satellite/src/components/onboardingTour/steps/common/OverviewContainer.vue
+++ b/web/satellite/src/components/onboardingTour/steps/common/OverviewContainer.vue
@@ -40,36 +40,27 @@
     </div>
 </template>
 
-<script lang="ts">
-import { Component, Prop, Vue } from 'vue-property-decorator';
-
+<script setup lang="ts">
 import VButton from '@/components/common/VButton.vue';
 
 import WebIcon from '@/../static/images/onboardingTour/web.svg';
 import CLIIcon from '@/../static/images/onboardingTour/cli.svg';
 
-// @vue/component
-@Component({
-    components: {
-        VButton,
-        WebIcon,
-        CLIIcon,
-    },
-})
-export default class OverviewContainer extends Vue {
-    @Prop({ default: false })
-    public readonly isWeb: boolean;
-    @Prop({ default: '' })
-    public readonly title: string;
-    @Prop({ default: '' })
-    public readonly info: string;
-    @Prop({ default: false })
-    public readonly isDisabled: boolean;
-    @Prop({ default: '' })
-    public readonly buttonLabel: string;
-    @Prop({ default: () => () => {} })
-    public readonly onClick: () => void;
-}
+const props = withDefaults(defineProps<{
+    isWeb: boolean;
+    title: string;
+    info: string;
+    isDisabled: boolean;
+    buttonLabel: string;
+    onClick: () => void;
+}>(), {
+    isWeb: false,
+    title: '',
+    info: '',
+    isDisabled: false,
+    buttonLabel: '',
+    onClick: () => {},
+});
 </script>
 
 <style scoped lang="scss">