Refactor API requests and update component imports

pages/home/components/LearningRecommendations.vue

@@ -23,8 +23,8 @@
 <script setup lang="ts">
   import { reactive, ref } from 'vue'
 
-  import { getSettingPage } from '@/api/home/index'
-  import { PageResultIndexSettingRespVO } from '@/api/home/type'
+  import { getSettingPage } from '~/api/home/index'
+  import type { PageResultIndexSettingRespVO } from '~/api/home/type'
 
   const pageReq = reactive({
     type: 2,
@@ -41,7 +41,7 @@
   getBanner()
 
   const handleClick = (url: string) => {
-    window.open(url, '_blank')
+    navigateTo(url)
   }
 </script>