Update dependencies and fix styling in Vue components

- Pinned versions of `@rsbuild/plugin-less`, `@rsbuild/plugin-vue`, `less`, `postcss`, and `sass` in `package.json`.
- Updated `package-lock.json` with dependency changes.
- Added `lang="css"` to `<style>` tags in `index.vue` and `snapshot/index.vue` for consistency.
- Minor formatting adjustments in `snapshot/index

web/package.json

@@ -43,8 +43,8 @@
     "@commitlint/config-conventional": "^17.4.4",
     "@iconify/vue": "^4.1.0",
     "@rsbuild/core": "^1.2.3",
-    "@rsbuild/plugin-less": "^1.1.0",
-    "@rsbuild/plugin-vue": "^1.0.5",
+    "@rsbuild/plugin-less": "1.1.0",
+    "@rsbuild/plugin-vue": "1.0.5",
     "@tanstack/vue-query-devtools": "^5.40.1",
     "@types/crypto-js": "^4.1.1",
     "@types/file-saver": "^2.0.5",
@@ -60,12 +60,12 @@
     "eslint": "^8.35.0",
     "eslint-plugin-vue": "^9.9.0",
     "husky": "^8.0.3",
-    "less": "^4.1.3",
+    "less": "4.1.3",
     "lint-staged": "^13.1.2",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.21",
+    "postcss": "8.4.21",
     "rimraf": "^4.2.0",
-    "sass": "^1.60.0",
+    "sass": "1.60.0",
     "tailwindcss": "^3.2.7",
     "typescript": "4.9.5"
   },

web/src/views/bot/index.vue

@@ -237,7 +237,7 @@ function onScrollToTop() {
   </div>
 </template>
 
-<style>
+<style lang="css">
 /* CSS for the button */
 .floating-button {
   position: fixed;

web/src/views/snapshot/index.vue

@@ -167,8 +167,8 @@ function onScrollToTop() {
           <div id="image-wrapper" class="w-full max-w-screen-xl m-auto dark:bg-[#101014]"
             :class="[isMobile ? 'p-2' : 'p-4']">
             <Message v-for="(item, index) of snapshot_data.conversation" :key="index" :date-time="item.dateTime"
-              :model="item?.model || snapshot_data.model" :text="item.text" :inversion="item.inversion" :error="item.error"
-              :loading="item.loading" :index="index" />
+              :model="item?.model || snapshot_data.model" :text="item.text" :inversion="item.inversion"
+              :error="item.error" :loading="item.loading" :index="index" />
           </div>
         </div>
       </main>
@@ -204,7 +204,7 @@ function onScrollToTop() {
   </div>
 </template>
 
-<style>
+<style lang="css">
 /* CSS for the button */
 .floating-button {
   position: fixed;