Refactor API requests and update component imports

pages/channel/components/ChannelHeader.vue

@@ -65,10 +65,10 @@
 <script lang="ts" setup>
   import { ref } from 'vue'
   import { Plus, EditPen } from '@element-plus/icons-vue'
-  import { ChannelRespVO } from '@/api/channel/types'
-  import { createChannelFollow, deleteChannelFollow } from '@/api/channel/index'
-  import ChatPage from '@/pages/chat-page/index.vue'
-  import useUserStore from '@/store/user'
+  import type { ChannelRespVO } from '~/api/channel/types'
+  import { createChannelFollow, deleteChannelFollow } from '~/api/channel/index'
+  import ChatPage from '~/pages/chat-page/index.vue'
+  import useUserStore from '~/store/user'
   const userStore = useUserStore()
 
   const lunTanRes = defineModel<ChannelRespVO>('modelValue', {

pages/channel/components/HotLlabel.vue

@@ -17,7 +17,7 @@
 </template>
 <script setup lang="ts">
   import { ref } from 'vue'
-  import { list } from '@/api/channel/index'
+  import { list } from '~/api/channel/index'
 
   const channelId = defineModel('modelValue', {
     required: true,

pages/channel/components/RightContent.vue

@@ -36,8 +36,8 @@
 </template>
 
 <script lang="ts" setup>
-  import { TpageRes, ChannelRespVO } from '@/api/channel/types'
-  import { postsDelete } from '@/api/channel/index'
+  import type { TpageRes, ChannelRespVO } from '~/api/channel/types'
+  import { postsDelete } from '~/api/channel/index'
   import ChannelHeader from './ChannelHeader.vue'
   import dayjs from 'dayjs'
 

pages/channel/components/UserInfo.vue

@@ -2,7 +2,7 @@
   <div class="box-border h-240px w-320px border border-[#EEEEEE] rounded-8px border-solid bg-[#FFFFFF] px-31px py-25px">
     <div class="flex">
       <div>
-        <img src="@/assets/images/user2.png" alt="" srcset="" class="h-47px w-48px rounded-full" />
+        <img src="~/assets/images/user2.png" alt="" srcset="" class="h-47px w-48px rounded-full" />
       </div>
       <div class="ml-13px">
         <div class="text-16px text-[#333333] font-normal">你好</div>
@@ -36,7 +36,7 @@
 </template>
 
 <script setup lang="ts">
-  import useUserStore from '@/store/user'
+  import useUserStore from '~/store/user'
   const userStore = useUserStore()
   const handleClick = () => {
     // 判断是否登录

pages/channel/components/create.vue

@@ -46,14 +46,14 @@
 </template>
 
 <script setup lang="ts">
-  import { keywords } from '@/api/upnew/index'
+  import { keywords } from '~/api/upnew/index'
   import { reactive, ref, onMounted } from 'vue'
   import { useRouter, useRoute } from 'vue-router'
   const router = useRouter()
   const route = useRoute()
-  import { create, list } from '@/api/channel/index'
-  import { parent } from '@/api/upnew/index'
-  import { upload } from '@/api/common/index' // 自定义上传方法
+  import { create, list } from '~/api/channel/index'
+  import { parent } from '~/api/upnew/index'
+  import { upload } from '~/api/common/index' // 自定义上传方法
   import Editor from '@tinymce/tinymce-vue'
   import tinymce from 'tinymce/tinymce'
   import 'tinymce/themes/silver'
@@ -74,7 +74,7 @@
   import 'tinymce/plugins/advlist' //列
   import 'tinymce/plugins/quickbars' //快速工具条
   import 'tinymce/plugins/wordcount' // 字数统计插件
-  // import '@/assets/tinymce/langs/zh-Hans.js' //下载后的语言包
+  // import '~/assets/tinymce/langs/zh-Hans.js' //下载后的语言包
   // import 'tinymce/skins/content/default/content.css'
   // 获取从其他地方传过来的参数
   const channelId = route.query.channelId as string

pages/channel/index.vue

@@ -8,12 +8,12 @@
 </template>
 
 <script setup lang="ts">
-  import KlNavTab from '@/components/kl-nav-tab/index.vue'
+  import KlNavTab from '~/components/kl-nav-tab/index.vue'
   import LeftContent from './components/LeftContent.vue'
   import RightContent from './components/RightContent.vue'
-  import { page, getChannelLunTanDetail } from '@/api/channel/index.ts'
+  import { page, getChannelLunTanDetail } from '~/api/channel/index'
   import { reactive, watch, ref } from 'vue'
-  import { TpageRes, ChannelRespVO } from '@/api/channel/types'
+  import type { TpageRes, ChannelRespVO } from '~/api/channel/types'
 
   const pageReq = reactive({
     pageNo: 1,