feat(projects): 1.0 beta

src/components/common/app-loading.vue

@@ -1,6 +1,30 @@
+<script setup lang="ts">
+import { getRgbOfColor } from '@sa/utils';
+import { $t } from '@/locales';
+import { localStg } from '@/utils/storage';
+
+const loadingClasses = [
+  'left-0 top-0',
+  'left-0 bottom-0 animate-delay-500',
+  'right-0 top-0 animate-delay-1000',
+  'right-0 bottom-0 animate-delay-1500'
+];
+
+function addThemeColorCssVars() {
+  const themeColor = localStg.get('themeColor') || '#646cff';
+
+  const { r, g, b } = getRgbOfColor(themeColor);
+
+  const cssVars = `--primary-color: ${r} ${g} ${b}`;
+  document.documentElement.style.cssText = cssVars;
+}
+
+addThemeColorCssVars();
+</script>
+
 <template>
   <div class="fixed-center flex-col">
-    <system-logo class="text-128px text-primary" />
+    <SystemLogo class="text-128px text-primary" />
     <div class="w-56px h-56px my-36px">
       <div class="relative h-full animate-spin">
         <div
@@ -15,29 +39,4 @@
   </div>
 </template>
 
-<script setup lang="ts">
-import { sessionStg, getRgbOfColor } from '@/utils';
-import { $t } from '@/locales';
-import themeSettings from '@/settings/theme.json';
-
-const loadingClasses = [
-  'left-0 top-0',
-  'left-0 bottom-0 animate-delay-500',
-  'right-0 top-0 animate-delay-1000',
-  'right-0 bottom-0 animate-delay-1500'
-];
-
-function addThemeColorCssVars() {
-  const defaultColor = themeSettings.themeColor;
-  const themeColor = sessionStg.get('themeColor') || defaultColor;
-
-  const { r, g, b } = getRgbOfColor(themeColor);
-
-  const cssVars = `--primary-color: ${r},${g},${b}`;
-  document.documentElement.style.cssText = cssVars;
-}
-
-addThemeColorCssVars();
-</script>
-
 <style scoped></style>