fixed background, added loader, updated deps

bocchilorenzo · Mar 3, 2024 · d499951 · d499951
1 parent 95727f3
commit d499951
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 17 deletions.
diff --git a/extensions/dnslookup/main.js b/extensions/dnslookup/main.js
@@ -81,9 +81,9 @@ client.onmessage = async function (e) {
         break;
       case "readJson":
         try {
-          const jsonData = JSON.stringify(JSON.parse(
-            fs.readFileSync(path.resolve(data.filePath[0]))
-          ));
+          const jsonData = JSON.stringify(
+            JSON.parse(fs.readFileSync(path.resolve(data.filePath[0])))
+          );
 
           client.send(
             JSON.stringify({

diff --git a/neutralino.config.json b/neutralino.config.json
@@ -1,6 +1,6 @@
 {
   "applicationId": "js.neutralino.xradio",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "defaultMode": "window",
   "documentRoot": "/xradio-vue/dist/",
   "port": 6498,

diff --git a/xradio-vue/package.json b/xradio-vue/package.json
@@ -1,24 +1,24 @@
 {
   "name": "xradio",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build"
   },
   "dependencies": {
-    "howler": "^2.2.3",
-    "vue": "^3.2.13",
+    "howler": "^2.2.4",
+    "vue": "^3.4.21",
     "vue-marquee-text-component": "^2.0.1",
-    "vue-router": "^4.0.3",
-    "vuex": "^4.0.0"
+    "vue-router": "^4.3.0",
+    "vuex": "^4.1.0"
   },
   "devDependencies": {
     "@vue/cli-plugin-router": "~5.0.0",
     "@vue/cli-plugin-vuex": "~5.0.0",
     "@vue/cli-service": "~5.0.0",
-    "autoprefixer": "^10.4.7",
-    "postcss": "^8.4.14",
-    "tailwindcss": "^3.1.6"
+    "autoprefixer": "^10.4.18",
+    "postcss": "^8.4.35",
+    "tailwindcss": "^3.4.1"
   }
 }
diff --git a/xradio-vue/public/index.html b/xradio-vue/public/index.html
@@ -12,7 +12,7 @@
   <script src="<%= BASE_URL %>neutralino.js"></script>
 </head>
 
-<body>
+<body class="min-h-screen text-nord-gray1 dark:text-nord-white3 dark:bg-nord-gray1 bg-white transition-colors duration-100 ease-out select-none">
   <noscript>
     <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
         Please enable it to continue.</strong>

diff --git a/xradio-vue/src/App.vue b/xradio-vue/src/App.vue
@@ -1,8 +1,5 @@
 <template>
-  <main
-    class="min-h-screen relative text-nord-gray1 dark:text-nord-white3 dark:bg-nord-gray1 bg-white transition-colors duration-100 ease-out select-none"
-    @contextmenu.prevent="null"
-  >
+  <main class="relative min-h-screen" @contextmenu.prevent="null">
     <nav-bar />
     <button
       @click="switchTheme"
@@ -60,6 +57,14 @@
       @exportFavorites="exportFavorites"
       @importFavorites="importFavorites"
     />
+    <svg
+      v-else
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      class="w-20 h-20 fill-current mx-auto top-[45%] animate-spin absolute left-1/2"
+    >
+      <path d="M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z" />
+    </svg>
   </main>
 </template>
 
@@ -477,3 +482,4 @@ h1 {
   transform: translateX(100%);
 }
 </style>
+./components/Loader/SkeletonLoader.vue
diff --git a/xradio-vue/vue.config.js b/xradio-vue/vue.config.js
@@ -0,0 +1,10 @@
+module.exports = {
+  chainWebpack: (config) => {
+    config.plugin("define").tap((definitions) => {
+      Object.assign(definitions[0], {
+        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: "false",
+      });
+      return definitions;
+    });
+  },
+};