From 4f3d0edb214e860bef4e66c0ebeb426933f2272c Mon Sep 17 00:00:00 2001
From: dskvr <dskvr@users.noreply.github.com>
Date: Fri, 6 Jan 2023 21:21:23 +0100
Subject: [PATCH] use old config

---
 babel.config.js                        |  6 +-
 src/components/relays/ListClearnet.vue |  4 +-
 vue.config.js                          | 79 +++++---------------------
 3 files changed, 19 insertions(+), 70 deletions(-)

diff --git a/babel.config.js b/babel.config.js
index 0aeb076..6776875 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,6 +1,4 @@
 module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset',
-  ],
-  plugins: ["@babel/plugin-syntax-top-level-await"]
+  presets: ['@vue/cli-plugin-babel/preset'],
+  plugins: ['@babel/plugin-syntax-top-level-await'],
 }
diff --git a/src/components/relays/ListClearnet.vue b/src/components/relays/ListClearnet.vue
index b75eb5d..165afb4 100644
--- a/src/components/relays/ListClearnet.vue
+++ b/src/components/relays/ListClearnet.vue
@@ -257,11 +257,11 @@
   })
   </script>
 
-<style lang=“postcss”>
+<!-- <style lang=“postcss”>
 .indicator {
   @apply h-4 w-4 block rounded-lg
 }
-</style>
+</style> -->
   
   <style lang='css' scoped>
     
diff --git a/vue.config.js b/vue.config.js
index b25df4f..fa3cb2b 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,82 +1,33 @@
 const { defineConfig } = require('@vue/cli-service')
 const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");
-const autoprefixer = require('autoprefixer');
-const tailwindcss = require('tailwindcss'); 
-const path = require('path');
 
 module.exports = defineConfig({
   transpileDependencies: true,
   devServer: {
     port: 8080
   },
-  // css: {
-  //   loaderOptions: {
-  //     // sass: {
-  //     //   data: '@import "./src/styles/main.scss";'
-  //     // },
-  //     postcss: {
-  //       config: () => ({
-  //         path: __dirname
-  //       })
-  //     }
-  //   }
-  // },
   configureWebpack: {
+    // watch: true,
+    experiments: {
+      topLevelAwait: true
+    },
+    plugins: [new NodePolyfillPlugin()],
+    optimization: {
+      splitChunks: {
+        chunks: "all",
+      },
+    },
     resolve: {
       fallback: {
-        "zlib": require.resolve("browserify-zlib"),
-        "stream": require.resolve("stream-browserify"),
-
+        "fs": false,
+        "tls": false,
+        "net": false,
+        "utf-8-validate": false,
+        "bufferutil": false
       }
     },
-    module: {
-      rules: [
-        {
-          test: /\.scss$/,
-          use: [
-            'vue-style-loader',
-            'css-loader',
-            {
-              loader: 'postcss-loader',
-              options: {
-                postcssOptions: {
-                  config: path.resolve(__dirname, './postcss.config.js')
-                }
-              }
-            },
-            // 'sass-loader'
-          ]
-        }
-      ]
-    }
   },
   chainWebpack: config => {
-    config.plugins.delete('prefetch')
-    config.plugins.delete('preload')
-  
-    config.module
-      .rule('scss')
-        .test(/\.scss$/)
-        .use('vue-style-loader')
-          .loader('vue-style-loader')
-          .end()
-        .use('css-loader')
-          .loader('css-loader')
-          .end()
-        .use('postcss-loader')
-          .loader('postcss-loader')
-          .options({
-            postcssOptions: {
-              config: {
-                path: __dirname
-              }
-            }
-          })
-          .end()
-        .use('sass-loader')
-          .loader('sass-loader')
-          .end()
-    
     config.module
       .rule('yaml')
         .test(/\.ya?ml?$/)