perf(components): 优化 UseGuidance 组件，可以返回“首次使用”页面

src/layout/UseGuidance.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
+import { useRouter } from 'vue-router';
 
 import { t } from '@/i18n';
 import { addUnit } from '@/utils';
@@ -15,6 +16,7 @@ interface Props {
 
 const props = defineProps<Props>();
 
+const router = useRouter();
 const current = ref(0);
 
 const isFirstStep = computed(() => {
@@ -46,6 +48,11 @@ const goNextStep = () => {
 };
 
 const goPrevStep = () => {
+  if (isFirstStep.value) {
+    router.replace('/first-usage');
+    return;
+  }
+
   current.value--;
 };
 
@@ -76,7 +83,7 @@ const finishCurrentStep = () => {
       </ALayoutContent>
       <ALayoutFooter class="use-guide-footer">
         <AButton type="text" :disabled="isLastStep" @click="goNextStep">{{ $t('common.skip') }}</AButton>
-        <AButton type="text" :disabled="isFirstStep" @click="goPrevStep">{{ $t('common.return') }}</AButton>
+        <AButton type="text" @click="goPrevStep">{{ $t('common.return') }}</AButton>
         <AButton type="primary" @click="finishCurrentStep">{{ nextStepButtonText }}</AButton>
       </ALayoutFooter>
     </ALayout>