From 1caa429cadc37a1803a3bfaf91caaa3fae659d6a Mon Sep 17 00:00:00 2001
From: QiuSW <105186638@qq.com>
Date: Sat, 29 Aug 2026 17:11:24 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20Bell=20=E7=94=9F?=
 =?UTF-8?q?=E4=BA=A7=E5=A4=96=E5=A3=B3=E7=99=BD=E5=B1=8F=20(#142)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Bell/ui/src/layout/components/Sidebar/Logo.vue   |  2 +-
 Bell/ui/src/layout/components/Sidebar/index.vue  |  2 +-
 Bell/ui/src/layout/index.vue                     |  2 +-
 Bell/ui/src/store/modules/settings.js            |  2 +-
 .../shell-startup/scss-module-imports.spec.js    | 16 ++++++++++++++++
 5 files changed, 20 insertions(+), 4 deletions(-)
 create mode 100644 Bell/ui/tests/unit/shell-startup/scss-module-imports.spec.js

diff --git a/Bell/ui/src/layout/components/Sidebar/Logo.vue b/Bell/ui/src/layout/components/Sidebar/Logo.vue
index be73dcb..816247a 100644
--- a/Bell/ui/src/layout/components/Sidebar/Logo.vue
+++ b/Bell/ui/src/layout/components/Sidebar/Logo.vue
@@ -15,7 +15,7 @@
 
 <script>
 
-import variables from '@/styles/variables.scss'
+import variables from '@/styles/variables.scss?module'
 import { mapGetters } from 'vuex'
 
 export default {
diff --git a/Bell/ui/src/layout/components/Sidebar/index.vue b/Bell/ui/src/layout/components/Sidebar/index.vue
index d963596..0c58aac 100644
--- a/Bell/ui/src/layout/components/Sidebar/index.vue
+++ b/Bell/ui/src/layout/components/Sidebar/index.vue
@@ -29,7 +29,7 @@
 import { mapGetters } from 'vuex'
 import Logo from './Logo'
 import SidebarItem from './SidebarItem'
-import variables from '@/styles/variables.scss'
+import variables from '@/styles/variables.scss?module'
 
 export default {
   components: { SidebarItem, Logo },
diff --git a/Bell/ui/src/layout/index.vue b/Bell/ui/src/layout/index.vue
index 5844b73..f6ddce2 100644
--- a/Bell/ui/src/layout/index.vue
+++ b/Bell/ui/src/layout/index.vue
@@ -20,7 +20,7 @@ import RightPanel from '@/components/RightPanel'
 import { AppMain, Navbar, Settings, Sidebar, TagsView } from './components'
 import ResizeMixin from './mixin/ResizeHandler'
 import { mapState } from 'vuex'
-import variables from '@/styles/variables.scss'
+import variables from '@/styles/variables.scss?module'
 
 export default {
   name: 'MainLayout',
diff --git a/Bell/ui/src/store/modules/settings.js b/Bell/ui/src/store/modules/settings.js
index 7fee04f..6e7c1b8 100644
--- a/Bell/ui/src/store/modules/settings.js
+++ b/Bell/ui/src/store/modules/settings.js
@@ -1,4 +1,4 @@
-import variables from '@/styles/element-variables.scss'
+import variables from '@/styles/element-variables.scss?module'
 import defaultSettings from '@/settings'
 
 const { showSettings, topNav, tagsView, fixedHeader, sidebarLogo, themeStyle } = defaultSettings
diff --git a/Bell/ui/tests/unit/shell-startup/scss-module-imports.spec.js b/Bell/ui/tests/unit/shell-startup/scss-module-imports.spec.js
new file mode 100644
index 0000000..f032a11
--- /dev/null
+++ b/Bell/ui/tests/unit/shell-startup/scss-module-imports.spec.js
@@ -0,0 +1,16 @@
+const fs = require('fs')
+const path = require('path')
+
+const valueImports = [
+  ['src/store/modules/settings.js', "@/styles/element-variables.scss?module"],
+  ['src/layout/index.vue', "@/styles/variables.scss?module"],
+  ['src/layout/components/Sidebar/Logo.vue', "@/styles/variables.scss?module"],
+  ['src/layout/components/Sidebar/index.vue', "@/styles/variables.scss?module"]
+]
+
+describe('GoAdmin shell Sass value imports', () => {
+  it.each(valueImports)('%s explicitly requests CSS Modules exports', (file, request) => {
+    const source = fs.readFileSync(path.join(__dirname, '../../..', file), 'utf8')
+    expect(source).toContain(`from '${request}'`)
+  })
+})
-- 
2.34.1