feat: 项目结构调整

xinkeaboard-web/app.vue

@@ -27,6 +27,7 @@ useHead({
 
 const setHead = () => {
   get('v3/system/front/setting/getSettings?names=gz_code').then(res=>{
+    debugger;
     if(!res.data[0] || res.data[0] == ''){
       return
     }
@@ -64,7 +65,7 @@ const googleTranslateElement = (id) => {
 
 onMounted(() => {
   nextTick(()=>{
-    googleTranslateInit()
+    if (google) googleTranslateInit()
   })
 })
 

xinkeaboard-web/assets/style/_variable.scss

@@ -36,4 +36,4 @@ $colorK: #f8f8f8 !default; //辅色，背景色
 ///* 改变 icon 字体路径变量，必需 */
 //$--font-path: '~element-plus/lib/theme-chalk/fonts';
 //
-//@use "~element-plus/packages/theme-chalk/src/index" as *;
+//@import "~element-plus/packages/theme-chalk/src/index";

xinkeaboard-web/assets/style/addressList.scss

@@ -1,4 +1,4 @@
-@use "../style/theme.scss" as *;
+@import "../style/theme.scss";
 
 .sld_address_list {
     border: 1px solid #EEEEEE;

xinkeaboard-web/assets/style/agreement.scss

@@ -1,4 +1,4 @@
-@use "./theme.scss" as *;
+@import "./theme.scss";
 .sld_login {
   .sld_login_header {
     background: #fff;

xinkeaboard-web/assets/style/decorate.scss

@@ -1,5 +1,5 @@
-@use "./mixins.scss" as *;
-@use "./theme.scss" as *;
+@import "./mixins.scss";
+@import "./theme.scss";
 /* 装修页面样式-start */
 .diy_part_wrap {
   background: #f9f9f9;

xinkeaboard-web/assets/style/goodsList.scss

@@ -1,4 +1,4 @@
-@use "./theme.scss" as *;
+@import "./theme.scss";
 *,
 html,
 body {

xinkeaboard-web/assets/style/homeImgLayout.scss

@@ -1,4 +1,4 @@
-@use "./theme.scss" as *;
+@import "./theme.scss";
 
 
 .industry-booth {

xinkeaboard-web/assets/style/index.scss

@@ -1,5 +1,5 @@
-@use "./base.scss" as *;
-@use "./iconfont.css" as *;
+@import "./base.scss";
+@import "./iconfont.css";
 .bottom_line{
   width:100%;
   height:2px;

xinkeaboard-web/assets/style/member/collect.scss

@@ -1,5 +1,5 @@
 
-@use "../theme.scss" as *;
+@import "../theme.scss";
 
 .fl {
     float: left;

xinkeaboard-web/assets/style/member/index.scss

@@ -1,4 +1,4 @@
-@use "../theme.scss" as *;
+@import "../theme.scss";
 
 
 .fl {

xinkeaboard-web/assets/style/member/info.scss

@@ -1,4 +1,4 @@
-@use "../theme.scss" as *;
+@import "../theme.scss";
 
 .clearfix {
     zoom: 1;

xinkeaboard-web/assets/style/register.scss

@@ -1,4 +1,4 @@
-@use "./theme.scss" as *;
+@import "./theme.scss";
 .sld_login {
   .sld_login_header {
     background: #fff;

xinkeaboard-web/assets/style/store/contac-about.scss

@@ -1,4 +1,4 @@
-@use "../theme.scss" as *;
+@import "../theme.scss";
 
 .wrap{
     position: relative;

xinkeaboard-web/assets/style/store/goodsList.scss

@@ -1,4 +1,4 @@
-@use "../theme.scss" as *;
+@import "../theme.scss";
 
 .clearfix:after {
   content: "";

xinkeaboard-web/assets/style/store/storeHeader.scss

@@ -1,4 +1,4 @@
-@use "../theme.scss" as *;
+@import "../theme.scss";
 
 .sld_store_header {
   background: #fff;

xinkeaboard-web/assets/style/theme.scss

@@ -35,7 +35,7 @@ $colorHover:    #1ba66c!default; //主色、文字选中、搜索
 ///* 改变 icon 字体路径变量，必需 */
 //$--font-path: '~element-plus/lib/theme-chalk/fonts';
 //
-//@use "~element-plus/packages/theme-chalk/src/index" as *;
+//@import "~element-plus/packages/theme-chalk/src/index";
 .self_background{
   background: #f1f1f1;
 }

xinkeaboard-web/assets/style/variable.scss

@@ -37,4 +37,4 @@ $colorK:      #F8F8F8 !default; //辅色，背景色
 ///* 改变 icon 字体路径变量，必需 */
 //$--font-path: '~element-plus/lib/theme-chalk/fonts';
 //
-//@use "~element-plus/packages/theme-chalk/src/index" as *;
+//@import "~element-plus/packages/theme-chalk/src/index";

xinkeaboard-web/components/CategorySort.vue

@@ -115,7 +115,7 @@ const toGoodsList = (item) => {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/theme.scss" as *;
+@import "@/assets/style/theme.scss";
 
 .index {
   background: #f8f8f8;

xinkeaboard-web/components/CategorySortTop.vue

@@ -130,7 +130,7 @@ const toGoodsList = (item) => {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/theme.scss" as *;
+@import "@/assets/style/theme.scss";
 
 .index {
   background: #f8f8f8;

xinkeaboard-web/components/CollectStoreItem.vue

@@ -216,5 +216,5 @@ const storeGoodsSwitch = (index) => {
 onMounted(() => {});
 </script>
 <style lang="scss">
-@use "@/assets/style/member/collect.scss" as *;
+@import "@/assets/style/member/collect.scss";
 </style>

xinkeaboard-web/components/FooterBottom.vue

@@ -122,7 +122,7 @@ getCopyrightData();
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/theme.scss" as *;
+@import "@/assets/style/theme.scss";
 
 .footer_link {
   width: 100%;

xinkeaboard-web/components/GoodsListCate2.vue

@@ -30,7 +30,7 @@ defineProps(["cateItem", "cate2Name"]);
 
 </script>
 <style lang="scss">
-@use "@/assets/style/theme.scss" as *;
+@import "@/assets/style/theme.scss";
 
 .clearfix {
   display: block;

xinkeaboard-web/components/GoodsListCate3.vue

@@ -236,7 +236,7 @@ getInitData(params);
 </script>
 
 <style lang="scss">
-@use "@/assets/style/theme.scss" as *;
+@import "@/assets/style/theme.scss";
 
 .clearfix {
   display: block;

xinkeaboard-web/components/Home/home.vue

@@ -116,9 +116,9 @@ const handleAdv19 = (data) => {
 onMounted(() => {});
 </script>
 <style lang="scss" scoped>
-@use "@/assets/style/decorate.scss" as *;
-@use "@/assets/style/theme.scss" as *;
-@use "@/assets/style/homeImgLayout.scss" as *;
+@import "@/assets/style/decorate.scss";
+@import "@/assets/style/theme.scss";
+@import "@/assets/style/homeImgLayout.scss";
 
 .index {
   min-height: 456px;

xinkeaboard-web/components/MemberLeftNav.vue

@@ -149,7 +149,7 @@ const testIfShow = (nav_info) => {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/theme.scss" as *;
+@import "@/assets/style/theme.scss";
 .sld_member_left_nav {
   float: left;
   width: 240px;

xinkeaboard-web/components/MemberTitle.vue

@@ -20,7 +20,7 @@ const L = getCurLanguage();
 defineProps(["memberTitle","memberPath","memberTitleS"]);
 </script>
 <style lang="scss">
-@use "@/assets/style/theme.scss" as *;
+@import "@/assets/style/theme.scss";
 .member_title_breadcrumb{
    
     background: $colorK;

xinkeaboard-web/components/SldDiy.vue

@@ -1363,9 +1363,9 @@ const adv19Tab = (dataId, index, key, items) => {
 };
 </script>
 <style lang="scss" scoped>
-@use "@/assets/style/decorate.scss" as *;
-@use "@/assets/style/theme.scss" as *;
-@use "@/assets/style/mixins.scss" as *;
+@import "@/assets/style/decorate.scss";
+@import "@/assets/style/theme.scss";
+@import "@/assets/style/mixins.scss";
 
 .sld_diy {
   .el-carousel {

xinkeaboard-web/components/SldLoginModal.vue

@@ -188,7 +188,7 @@ const closeModal = () => {
 </script>
 
 <style lang="scss">
-@use "@/assets/style/loginModal.scss" as *;
+@import "@/assets/style/loginModal.scss";
 
 .sld_login_modal {
   .el-dialog {

xinkeaboard-web/components/SliderStore.vue

@@ -136,6 +136,6 @@ onMounted(() => {
 </style>
 
 <style lang="scss" scoped>
-@use "@/assets/style/storeList.scss" as *;
-@use "@/assets/style/store/contac-about.scss" as *;
+@import "@/assets/style/storeList.scss";
+@import "@/assets/style/store/contac-about.scss";
 </style>

xinkeaboard-web/components/SliderStoreAbout.vue

@@ -137,6 +137,6 @@ onMounted(() => {
 </style>
 
 <style lang="scss" scoped>
-@use "@/assets/style/storeListAbout.scss" as *;
-@use "@/assets/style/store/contac-about.scss" as *;
+@import "@/assets/style/storeListAbout.scss";
+@import "@/assets/style/store/contac-about.scss";
 </style>

xinkeaboard-web/components/Store/HeaderCat.vue

@@ -368,7 +368,7 @@ const inputBlur = () => {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/store/storeHeader.scss" as *;
+@import "@/assets/style/store/storeHeader.scss";
 
 .kefu {
   img {

xinkeaboard-web/components/StoreItem.vue

@@ -38,8 +38,8 @@ const colors = ref(["#00985e", "#00985e", "#00985e"]);
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/storeList.scss" as *;
-@use "@/assets/style/base.scss" as *;
+@import "@/assets/style/storeList.scss";
+@import "@/assets/style/base.scss";
 
 .empty {
   width: 100%;

xinkeaboard-web/components/articleLeft.vue

@@ -153,7 +153,7 @@ if (process.client) {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/theme.scss" as *;
+@import "@/assets/style/theme.scss";
 
 .sortes {
   display: flex;

xinkeaboard-web/components/enquiryModal.vue

@@ -215,5 +215,5 @@ onMounted(() => {
 </script>
 
 <style lang="scss">
-@use "@/assets/style/enquiry.scss" as *;
+@import "@/assets/style/enquiry.scss";
 </style>

xinkeaboard-web/components/loginModal.vue

@@ -186,7 +186,7 @@ const closeModal = () => {
 </script>
 
 <style lang="scss">
-@use "@/assets/style/loginModal.scss" as *;
+@import "@/assets/style/loginModal.scss";
 
 .sld_login_modal {
   .el-dialog {

xinkeaboard-web/composables/index.js

@@ -1,4 +1,5 @@
-export const apiUrl = 'https://www.b2btopsite.com/api/';
+// export const apiUrl = 'https://www.b2btopsite.com/api/';
+export const apiUrl = 'http://54.46.9.88:8001/';
 export const defaultUrl = 'https://www.b2btopsite.com/api/';
 export const supplierUrl = 'https://seller.b2btopsite.com/user/login';
 export const curLang = 'en'

xinkeaboard-web/composables/useFetchRaw.ts

@@ -1,15 +1,10 @@
 import { useFetch as _useFetch } from '#app'
-import { computed, unref } from 'vue'
-
-export function useFetchRaw<T = any>(url: string, options?: any) {
-  const { data, error, pending, refresh, execute } = _useFetch<T>(url, options)
-
-  // 自动解包 .value，返回一个 computed
-  const rawData = computed(() => unref(data))
 
+export async function useFetchRaw<T = any>(url: string, options?: any) {
+  const { data, error, pending, refresh, execute } = await _useFetch<T>(url, options)
   return {
     data: {
-      _rawValue: rawData.value,
+      _rawValue: data.value,
     },
     error,
     pending,

xinkeaboard-web/nuxt.config.ts

@@ -9,15 +9,16 @@ export default defineNuxtConfig({
     "@/assets/style/reset.scss",
     "@/assets/style/base.scss",
     "@/assets/iconfont/iconfont.css",
-    "element-plus/dist/index.css"
+    "element-plus/dist/index.css",
   ],
   modules: ["@pinia/nuxt"],
   vite: {
-    cacheDir: ".vite-cache", // 指定 vite 缓存位置（默认就是这个）
+    // cacheDir: ".vite-cache", // 指定 vite 缓存位置（默认就是这个）
     css: {
       preprocessorOptions: {
         scss: {
           additionalData: '@use "@/assets/style/theme.scss" as *;',
+          quietDeps: true, // 禁用 Deprecation Warning
         },
       },
     },
@@ -38,7 +39,21 @@ export default defineNuxtConfig({
           rewrite: (path) => path.replace(/^\/api/, ""),
         },
       },
+      hmr: {
+        overlay: false, // 关闭 HMR 警告/错误弹窗
+      },
     },
+    // 👇 开发环境强制打成一个 chunk
+    build:
+      process.env.NODE_ENV === "development"
+        ? {
+            rollupOptions: {
+              output: {
+                manualChunks: () => "index.js", // 所有打进一个 chunk
+              },
+            },
+          }
+        : undefined
     // build: {
     //   rollupOptions: {
     //     plugins: [
@@ -55,6 +70,8 @@ export default defineNuxtConfig({
       },
     },
   },
+  // plugins: ["~/plugins/vue-warn-handler.js"],
+
   build: {
     // transpile: ["element-plus"],
   },

xinkeaboard-web/pages/Topic.vue

@@ -81,8 +81,8 @@ const getInitData = async () => {
 getInitData();
 </script>
 <style lang="scss" scoped>
-@use "@/assets/style/decorate.scss" as *;
-@use "@/assets/style/theme.scss" as *;
+@import "@/assets/style/decorate.scss";
+@import "@/assets/style/theme.scss";
 .index {
   background: #f8f8f8;
   padding-bottom: 10px;

xinkeaboard-web/pages/article.vue

@@ -130,7 +130,7 @@ watchEffect(() => {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/theme.scss" as *;
+@import "@/assets/style/theme.scss";
 
 .article_line {
   border-top: 2px solid $colorMain;

xinkeaboard-web/pages/email/active.vue

@@ -315,7 +315,7 @@ const activeEmail = () => {
 };
 </script>
 <style lang="scss" scoped>
-@use "@/assets/style/register.scss" as *;
+@import "@/assets/style/register.scss";
 
 .el-popup-parent--hidden {
   overflow: visible;

xinkeaboard-web/pages/email/reset/pwd.vue

@@ -271,8 +271,8 @@ onMounted(() => {
 });
 </script>
 <style lang="scss" scoped>
-/*@use "../../../style/forgetPassword.scss" as *;*/
-@use "@/assets/style/register.scss" as *;
+/*@import "../../../style/forgetPassword.scss";*/
+@import "@/assets/style/register.scss";
 
 .el-popup-parent--hidden {
   overflow: visible;

xinkeaboard-web/pages/goods/Category.vue

@@ -153,8 +153,8 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/category.scss" as *;
-@use "@/assets/style/base.scss" as *;
+@import "@/assets/style/category.scss";
+@import "@/assets/style/base.scss";
 
 .detail_none {
   flex-direction: column;

xinkeaboard-web/pages/goods/detail/[id].vue

@@ -2131,10 +2131,10 @@ const updateFllow = (e) => {
 </script>
 
 <style lang="scss">
-@use "@/assets/style/base.scss" as *;
-@use "@/assets/style/theme.scss" as *;
-@use "@/assets/style/iconfont.css" as *;
-@use "@/assets/style/goodsDetail.scss" as *;
+@import "@/assets/style/base.scss";
+@import "@/assets/style/theme.scss";
+@import "@/assets/style/iconfont.css";
+@import "@/assets/style/goodsDetail.scss";
 
 .popular_list_empty {
   height: 95px;

xinkeaboard-web/pages/goods/list/[...slug].vue

@@ -842,8 +842,8 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/goodsList.scss" as *;
-@use "@/assets/style/base.scss" as *;
+@import "@/assets/style/goodsList.scss";
+@import "@/assets/style/base.scss";
 
 input[type="checkbox"] {
   display: none;

xinkeaboard-web/pages/home/about.vue

@@ -144,7 +144,7 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/storeList.scss" as *;
-@use "@/assets/style/base.scss" as *;
-@use "@/assets/style/store/contac-about.scss" as *;
+@import "@/assets/style/storeList.scss";
+@import "@/assets/style/base.scss";
+@import "@/assets/style/store/contac-about.scss";
 </style>

xinkeaboard-web/pages/home/contact.vue

@@ -326,6 +326,6 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/store/contac-about.scss" as *;
-@use "@/assets/style/contact.scss" as *;
+@import "@/assets/style/store/contac-about.scss";
+@import "@/assets/style/contact.scss";
 </style>

xinkeaboard-web/pages/index.vue

@@ -26,7 +26,6 @@ const getBaseInfo = async () => {
     }
   );
   let res = value._rawValue;
-  debugger;
   if (res.state == 200) {
     useHead({
       title: res.data[0],

xinkeaboard-web/pages/login.vue

@@ -282,5 +282,5 @@ onMounted(() => {
 // });
 </script>
 <style lang="scss" scoped>
-@use "@/assets/style/register.scss" as *;
+@import "@/assets/style/register.scss";
 </style>

xinkeaboard-web/pages/member/account.vue

@@ -105,7 +105,7 @@ const toPage = (url, type) => {
 </script>
 
 <style lang="scss">
-@use "@/assets/style/theme.scss" as *;
+@import "@/assets/style/theme.scss";
 /**
 * 解决el-input设置类型为number时，中文输入法光标上移问题
 **/

xinkeaboard-web/pages/member/address/list.vue

@@ -201,7 +201,7 @@ onMounted(() => {
 });
 </script>
 <style lang="scss">
-@use "@/assets/style/addressList.scss" as *;
+@import "@/assets/style/addressList.scss";
 .el-button--primary {
   color: #fff;
   background-color: $colorMain;

xinkeaboard-web/pages/member/balance.vue

@@ -486,7 +486,7 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/balance.scss" as *;
+@import "@/assets/style/balance.scss";
 
 .sld_pagination {
   margin-top: 20px;

xinkeaboard-web/pages/member/collect.vue

@@ -379,8 +379,8 @@ onMounted(() => {
 });
 </script>
 <style lang="scss" scoped>
-@use "@/assets/style/base.scss" as *;
-@use "@/assets/style/member/collect.scss" as *;
+@import "@/assets/style/base.scss";
+@import "@/assets/style/member/collect.scss";
 
 .sld_pagination {
   margin-top: 20px;

xinkeaboard-web/pages/member/coupon.vue

@@ -203,5 +203,5 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/coupon.scss" as *;
+@import "@/assets/style/coupon.scss";
 </style>

xinkeaboard-web/pages/member/footprint.vue

@@ -175,6 +175,6 @@ onMounted(() => {
   border-color: #e2231a !important;
 }
 
-@use "@/assets/style/member/footprint.scss" as *;
-@use "@/assets/style/base.scss" as *;
+@import "@/assets/style/member/footprint.scss";
+@import "@/assets/style/base.scss";
 </style>

xinkeaboard-web/pages/member/index/home.vue

@@ -352,8 +352,8 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/member/index.scss" as *;
-@use "@/assets/style/base.scss" as *;
+@import "@/assets/style/member/index.scss";
+@import "@/assets/style/base.scss";
 
 .user_order_empty {
   padding: 90px;

xinkeaboard-web/pages/member/info.vue

@@ -234,7 +234,7 @@ onMounted(() => {
 });
 </script>
 <style lang="scss">
-@use "@/assets/style/member/info.scss" as *;
+@import "@/assets/style/member/info.scss";
 
 
 </style>

xinkeaboard-web/pages/member/login/agreement.vue

@@ -69,7 +69,7 @@ onMounted(() => {
 
 </script>
 <style lang="scss" scoped>
-@use "@/assets/style/agreement.scss" as *;
+@import "@/assets/style/agreement.scss";
 .agreement_container {
   width: 800px;
 }

xinkeaboard-web/pages/member/login/forget.vue

@@ -209,7 +209,7 @@ onMounted(() => {
 });
 </script>
 <style lang="scss" scoped>
-@use "@/assets/style/register.scss" as *;
+@import "@/assets/style/register.scss";
 
 .el-popup-parent--hidden {
   overflow: visible;

xinkeaboard-web/pages/member/mypoint.vue

@@ -147,8 +147,8 @@ onMounted(() => {
 });
 </script>
 <style lang="scss">
-@use "@/assets/style/member/myPoint.scss" as *;
-@use "@/assets/style/base.scss" as *;
+@import "@/assets/style/member/myPoint.scss";
+@import "@/assets/style/base.scss";
 
 .sld_pagination {
   margin-right: 40px;

xinkeaboard-web/pages/member/order/aftersales.vue

@@ -242,9 +242,9 @@ const logisticsBill = (afterSalesItem) => {
 
 </script>
 <style lang="scss" scoped>
-@use "@/assets/style/base.scss" as *;
+@import "@/assets/style/base.scss";
 @import "@/assets/style/iconfont.css";
-@use "@/assets/style/afterSalesList.scss" as *;
+@import "@/assets/style/afterSalesList.scss";
 
 .storeName {
   color: #333;

xinkeaboard-web/pages/member/order/detail.vue

@@ -955,5 +955,5 @@ onMounted(() => {
 });
 </script>
 <style lang="scss">
-@use "@/assets/style/member/orderDetail.scss" as *;
+@import "@/assets/style/member/orderDetail.scss";
 </style>

xinkeaboard-web/pages/member/order/evaluation.vue

@@ -222,5 +222,5 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/member/orderEvaluation.scss" as *;
+@import "@/assets/style/member/orderEvaluation.scss";
 </style>

xinkeaboard-web/pages/member/order/list.vue

@@ -856,7 +856,7 @@ router.beforeEach((to, from, next) => {
 });
 </script>
 <style lang="scss">
-@use "@/assets/style/orderList.scss" as *;
+@import "@/assets/style/orderList.scss";
 
 .el-pager li.active {
   color: $colorMain;

xinkeaboard-web/pages/member/pointorder/list.vue

@@ -617,7 +617,7 @@ router.beforeEach((to, from, next) => {
 });
 </script>
 <style lang="scss">
-@use "@/assets/style/orderList.scss" as *;
+@import "@/assets/style/orderList.scss";
 
 .el-pager li.active {
   color: $colorMain;

xinkeaboard-web/pages/member/pwd/login.vue

@@ -220,7 +220,7 @@ watch([old_password, password, confirm_password], () => {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/theme.scss" as *;
+@import "@/assets/style/theme.scss";
 .sld_login_password_mange {
   width: 957px;
   float: left;

xinkeaboard-web/pages/member/pwd/pay.vue

@@ -272,7 +272,7 @@ onMounted(() => {});
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/theme.scss" as *;
+@import "@/assets/style/theme.scss";
 .sld_pay_password_mange {
   width: 1007px;
   float: left;

xinkeaboard-web/pages/member/recharge.vue

@@ -390,7 +390,7 @@ onUnmounted(() => {
 </script>
 
 <style lang="scss">
-@use "@/assets/style/recharge.scss" as *;
+@import "@/assets/style/recharge.scss";
 
 .el-input.is-active .el-input__inner,
 .el-input__inner:focus {

xinkeaboard-web/pages/register.vue

@@ -239,7 +239,7 @@ onMounted(() => {
 });
 </script>
 <style lang="scss" scoped>
-@use "@/assets/style/register.scss" as *;
+@import "@/assets/style/register.scss";
 
 .el-popup-parent--hidden {
   overflow: visible;

xinkeaboard-web/pages/store/[id].vue

@@ -155,8 +155,8 @@ onMounted(()=>{
 })
 </script>
 <style lang="scss" scoped>
-@use "@/assets/style/decorate.scss" as *;
-@use "@/assets/style/theme.scss" as *;
+@import "@/assets/style/decorate.scss";
+@import "@/assets/style/theme.scss";
 
 .index {
   background: #f8f8f8;

xinkeaboard-web/pages/store/about/[about].vue

@@ -127,8 +127,8 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/base.scss" as *;
-@use "@/assets/style/store/contac-about.scss" as *;
+@import "@/assets/style/base.scss";
+@import "@/assets/style/store/contac-about.scss";
 .sld_store_list {
   :deep .sld_vendor_goods{
   width: 1140px;

xinkeaboard-web/pages/store/contact/[contact].vue

@@ -327,6 +327,6 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/store/contac-about.scss" as *;
-@use "@/assets/style/contact.scss" as *;
+@import "@/assets/style/store/contac-about.scss";
+@import "@/assets/style/contact.scss";
 </style>

xinkeaboard-web/pages/store/goods/[...slug].vue

@@ -426,8 +426,8 @@ onMounted(() => {
 });
 </script>
 <style lang="scss" scoped>
-@use "@/assets/style/store/goodsList.scss" as *;
-@use "@/assets/style/theme.scss" as *;
+@import "@/assets/style/store/goodsList.scss";
+@import "@/assets/style/theme.scss";
 
 .el-pager li.active {
   color: $colorMain;

xinkeaboard-web/pages/store/list/[...slug].vue

@@ -164,8 +164,8 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/storeList.scss" as *;
-@use "@/assets/style/base.scss" as *;
+@import "@/assets/style/storeList.scss";
+@import "@/assets/style/base.scss";
 
 .sld_pagination {
   width: 580px;

xinkeaboard-web/pages/store/listBack.vue

@@ -113,8 +113,8 @@ const search_store = (keyWord) => {
 </script>
 
 <style lang="scss" scoped>
-@use "@/assets/style/storeList.scss" as *;
-@use "@/assets/style/base.scss" as *;
+@import "@/assets/style/storeList.scss";
+@import "@/assets/style/base.scss";
 
 .sld_pagination {
   width: 580px;

xinkeaboard-web/plugins/vue-warn-handler.js

@@ -0,0 +1,4 @@
+export default defineNuxtPlugin((nuxtApp) => {
+  // 屏蔽所有 Vue 警告
+  nuxtApp.vueApp.config.warnHandler = () => {}
+})

xinkeaboard-web/replace-use-with-import.js

@@ -0,0 +1,53 @@
+// replace-use-with-import.js
+const fs = require('fs');
+const path = require('path');
+
+const targetDir = path.resolve(process.argv[2] || '.'); // 传入目录，默认当前目录
+
+// 读取目录，递归遍历文件
+function walk(dir) {
+  let results = [];
+  const list = fs.readdirSync(dir, { withFileTypes: true });
+  for (const file of list) {
+    const fullPath = path.join(dir, file.name);
+    if (file.isDirectory()) {
+      results = results.concat(walk(fullPath));
+    } else if (file.isFile()) {
+      if (/\.(vue|scss)$/.test(file.name)) {
+        results.push(fullPath);
+      }
+    }
+  }
+  return results;
+}
+
+// 替换函数
+function replaceUseToImport(content) {
+  // 正则匹配 @use "xxx" as *; 或 @use 'xxx' as *;
+  const regex = /@use\s+(['"])([^'"]+)\1\s+as\s+\*;/g;
+  return content.replace(regex, (match, quote, path) => {
+    return `@import ${quote}${path}${quote};`;
+  });
+}
+
+function main() {
+  const files = walk(targetDir);
+  console.log(`找到 ${files.length} 个文件，开始替换...`);
+
+  let totalReplacements = 0;
+
+  for (const filePath of files) {
+    let content = fs.readFileSync(filePath, 'utf-8');
+    const newContent = replaceUseToImport(content);
+
+    if (newContent !== content) {
+      fs.writeFileSync(filePath, newContent, 'utf-8');
+      totalReplacements++;
+      console.log(`替换完成: ${filePath}`);
+    }
+  }
+
+  console.log(`总共替换了 ${totalReplacements} 个文件中的 @use -> @import`);
+}
+
+main();