JakeHillion/storj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

web/satellite: migrate CLIInstall component to use SFC composition api

Browse Source 
Change-Id: Ic72c4e229ddc218fe8984b72d03450d8a9b50295
This commit is contained in:
Vitalii 2023-04-04 14:32:31 +03:00 committed by Storj Robot
parent 401c8aaf99
commit 670d9fdc6b
1 changed files with 17 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
web/satellite/src/components/onboardingTour/steps/cliFlow/CLIInstall.vue
View File

@ -123,11 +123,10 @@
</CLIFlowContainer>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
<script setup lang="ts">
import { RouteConfig } from '@/router';
import { AnalyticsHttpApi } from '@/api/analytics';
import { useRouter } from '@/utils/hooks';
import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
import OSContainer from '@/components/onboardingTour/steps/common/OSContainer.vue';
@ -135,34 +134,24 @@ import TabWithCopy from '@/components/onboardingTour/steps/common/TabWithCopy.vu
import Icon from '@/../static/images/onboardingTour/cliSetupStep.svg';
// @vue/component
@Component({
components: {
CLIFlowContainer,
Icon,
OSContainer,
TabWithCopy,
},
})
export default class CLIInstall extends Vue {
const router = useRouter();
private readonly analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
/**
* Holds on back button click logic.
*/
public async onBackClick(): Promise<void> {
this.analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.APIKey)).path);
await this.$router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.APIKey)).path);
}
/**
* Holds on back button click logic.
*/
async function onBackClick(): Promise<void> {
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.APIKey)).path);
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.APIKey)).path);
}
/**
* Holds on next button click logic.
*/
public async onNextClick(): Promise<void> {
this.analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLISetup)).path);
await this.$router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLISetup)).path);
}
/**
* Holds on next button click logic.
*/
async function onNextClick(): Promise<void> {
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLISetup)).path);
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLISetup)).path);
}
</script>