Optimized code style and updated multiple components and language files. Fixed styling issues in the search bar and account panel, adjusted the default wallpaper path in state management, and updated translations for some languages. Ensured code consistency and readability.

Author: jerrykuku

src/assets/lang/index.js

@@ -1,7 +1,7 @@
-const files = require.context("./", false, /\.json$/);
-const langs = {};
+const files = require.context('./', false, /\.json$/)
+const langs = {}
 files.keys().forEach((key) => {
-	langs[key.replace(/(\.\/|\.json$)/g, "").toLowerCase()] = files(key);
-});
+  langs[key.replace(/(\.\/|\.json$)/g, '').toLowerCase()] = files(key)
+})
 
-export default langs;
+export default langs

src/assets/lang/pt_BR.json

@@ -2,7 +2,7 @@
   "lang_name": "Português(brasileiro)",
   "OK": "OK",
   "Cancel": "Cancelar",
-  "Submit": "Salvar",
+  "Submit": "Enviar",
   "Back": "Voltar",
   "Edit": "Editar",
   "Update": "Atualizar",
@@ -74,18 +74,18 @@
   "Widgets Settings": "Configurações de Widgets",
   "Time": "Hora",
   "System Status": "Status do Sistema",
-  "Storage Status": "Status de armazenamento",
+  "Storage Status": "Status do armazenamento",
   "Network Status": "Status de rede",
   "Search...": "Localizar...",
   "Sync your data": "Sincronizar seus dados",
-  "Use Syncthing to sync your files between multiple devices.": "Use Syncthing para sincronizar seus arquivos entre vários dispositivos",
+  "Use Syncthing to sync your files between multiple devices.": "Use a sincronização para sincronizar seus arquivos entre vários dispositivos",
   "Install": "Instalar",
   "Config": "Configurações",
   "Total": "Total",
-  "Failed to start, please try again.": "Falha ao iniciar Syncthing. Tente novamente.",
+  "Failed to start, please try again.": "Falha ao iniciar a Sincronização. Tente novamente.",
   "Syncthing is not running, start it?": "Syncthing não está em execução. Deseja iniciar?",
-  "Starting Syncthing...": "Iniciando Syncthing...",
-  "Have an idea? Shoot it on Discord!": "Tem uma ideia? Manda no Discord!",
+  "Starting Syncthing...": "Iniciando Sincronização...",
+  "Have an idea? Shoot it on Discord!": "Tem uma ideia? Mande-nos no Discord!",
   "Smarten up your home": "Tornando sua casa inteligente",
   "We want to give you a smart home experience with privacy, high speed, and localized storage.": "Nós queremos te dar uma experiência de casa inteligente com privacidade, alta velocidade e armazenamento local.",
   "In development": "Atenção",

src/assets/lang/zh_CN.json

@@ -96,7 +96,7 @@
   "Uninstall": "卸载",
   "Attention": "注意",
   "Data cannot be recovered after deletion! <br>Continue on to uninstall this application?": "删除后无法恢复数据！ <br>继续卸载此应用？",
-  "Featured Apps": "精选App",
+  "Featured Apps": "精选 App",
   "Custom Install": "自定义安装",
   "Continue in background": "在后台继续",
   "Install a new App manually": "手动安装新应用",

src/components/CoreService.vue

@@ -1,7 +1,6 @@
 <script>
 import { Swiper, SwiperSlide } from 'vue-awesome-swiper'
 import sortBy from 'lodash/sortBy'
-import last from 'lodash/last'
 import noticeBlock from '@/components/noticBlock/noticeBlock'
 import { mixin } from '@/mixins/mixin'
 import SyncBlock from '@/components/syncthing/SyncBlock.vue'
@@ -48,31 +47,7 @@ export default {
           },
         },
       },
-      noticesData: {
-        // example data:
-        /* 'local-storage': {
-				  prelude: {
-					title: 'local-storage',
-					icon: 'mdi-usb',
-				  },
-				  content: {
-					a: {
-					  title: 'Found a new drive',
-					  icon: '/storage/disk.png',
-					  color: 'is-primary',
-					  path: '/storage',
-					  uuid: '456',
-					  value: '100G/500G'
-					},},
-				  contentType: 'list',
-				  operate: {
-					type: 'button',
-					title: 'More',
-					path: '/storage',
-					icon: 'mdi-arrow-right',
-				  },
-				}, */
-      },
+      noticesData: {},
       dockerProgress: {},
       totalPercentage: 0,
     }
@@ -125,25 +100,33 @@ export default {
     _isValidDiskEvent(evt) {
       let p = {}
       if (typeof evt?.properties === 'string') {
-        try { p = JSON.parse(evt.properties) } catch (_) { p = {} }
-      } else if (typeof evt?.properties === 'object' && evt.properties !== null) {
+        try {
+          p = JSON.parse(evt.properties)
+        }
+        catch {
+          p = {}
+        }
+      }
+      else if (typeof evt?.properties === 'object' && evt.properties !== null) {
         p = evt.properties
       }
 
       const asNum = (v) => {
-        const n = typeof v === 'number' ? v : parseFloat(v)
-        return Number.isFinite(n) ? n : NaN
+        const n = typeof v === 'number' ? v : Number.parseFloat(v)
+        return Number.isFinite(n) ? n : Number.NaN
       }
 
       const size = asNum(p.size)
-      if (!size || !Number.isFinite(size) || size <= 0) return false
+      if (!size || !Number.isFinite(size) || size <= 0)
+        return false
 
       const path = p['local-storage:path'] || p.path || ''
-      const mnt  = p.mount_point || ''
-      if (typeof path === 'string' && path.startsWith('/dev/loop') && !mnt) return false
+      const mnt = p.mount_point || ''
+      if (typeof path === 'string' && path.startsWith('/dev/loop') && !mnt)
+        return false
 
       return true
-    }
+    },
     createWS(domain) {
       let socket
       // reference:

src/components/SearchBar.vue

@@ -1,56 +1,57 @@
-<template>
-	<b-field class="search-bar has-text-white mb-4" position="is-centered ">
-		<b-input v-model="keyText" :class="['ovh', isFocus ? 'fo' : '']" :placeholder="$t('Search...')" expanded
-			icon="search-outline" icon-pack="casa" icon-right="search-outline" icon-right-clickable size="is-medium"
-			@blur="onBlur" @focus="onFocus" @icon-right-click="gotoSearch" @keyup.enter.native="gotoSearch">
-		</b-input>
-	</b-field>
-</template>
-
 <script>
 export default {
-	name: "search-bar",
-	data() {
-		return {
-			isFocus: false,
-			keyText: "",
-			// searchEngine:this.$store.state.searchEngine
-		}
-	},
-	computed: {
-		searchEngine() {
-			return this.$store.state.searchEngine === "" ? "https://duckduckgo.com/?q=" : this.$store.state.searchEngine
-		}
-	},
-	methods: {
-		/**
-		 * @description: Handle Focus event
-		 * @return {*} void
-		 */
-		onFocus() {
-			this.isFocus = true;
-		},
+  name: 'SearchBar',
+  data() {
+    return {
+      isFocus: false,
+      keyText: '',
+      // searchEngine:this.$store.state.searchEngine
+    }
+  },
+  computed: {
+    searchEngine() {
+      return this.$store.state.searchEngine === '' ? 'https://duckduckgo.com/?q=' : this.$store.state.searchEngine
+    },
+  },
+  methods: {
+    /**
+     * @description: Handle Focus event
+     * @return {*} void
+     */
+    onFocus() {
+      this.isFocus = true
+    },
 
-		/**
-		 * @description: Handle Blur event
-		 * @return {*} void
-		 */
-		onBlur() {
-			if (this.keyText === "")
-				this.isFocus = false;
-		},
+    /**
+     * @description: Handle Blur event
+     * @return {*} void
+     */
+    onBlur() {
+      if (this.keyText === '')
+        this.isFocus = false
+    },
 
-		/**
-		 * @description: Pop up a new window and jump to google search
-		 * @return {*} void
-		 */
-		gotoSearch() {
-			window.open(this.searchEngine + this.keyText, '_blank')
-		}
-	},
+    /**
+     * @description: Pop up a new window and jump to google search
+     * @return {*} void
+     */
+    gotoSearch() {
+      window.open(this.searchEngine + this.keyText, '_blank')
+    },
+  },
 }
 </script>
 
+<template>
+  <b-field class="search-bar has-text-white mb-4" position="is-centered ">
+    <b-input
+      v-model="keyText" class="ovh" :class="[isFocus ? 'fo' : '']" :placeholder="$t('Search...')" expanded
+      icon="search-outline" icon-pack="casa" icon-right="search-outline" icon-right-clickable size="is-medium"
+      @blur="onBlur" @focus="onFocus" @icon-right-click="gotoSearch" @keyup.enter.native="gotoSearch"
+    />
+  </b-field>
+</template>
+
 <style lang="scss">
 .search-bar {
 	input {
@@ -117,4 +118,4 @@ export default {
 		}
 	}
 }
-</style>
+</style>