perf: refine tailwindcss config

Signed-off-by: Ryan Wang <i@ryanc.cc>

packages/shared/postcss.config.js

@@ -1,6 +1,3 @@
 module.exports = {
-  plugins: {
+  ...require("../../postcss.config"),
-    tailwindcss: {},
-    autoprefixer: {},
-  },
 };

packages/shared/src/index.ts

@@ -1,5 +1,3 @@
-import "./styles/tailwind.css";
-
 export * from "./types/plugin";
 export * from "./types/menus";
 export * from "./core/plugins";

packages/shared/src/styles/tailwind.css

@@ -1 +0,0 @@
-@tailwind utilities;

packages/shared/tailwind.config.js

@@ -1,23 +1,3 @@
-const { themeable } = require("tailwindcss-themeable");
-
 module.exports = {
-  content: ["./src/**/*.{vue,js,ts,jsx,tsx}"],
+  ...require("../../tailwind.config"),
-  theme: {
-    extend: {},
-  },
-  plugins: [
-    require("tailwindcss-safe-area"),
-    themeable({
-      defaultTheme: "default",
-      themes: [
-        {
-          name: "default",
-          palette: {
-            primary: "#4CCBA0",
-            secondary: "#0E1731",
-          },
-        },
-      ],
-    }),
-  ],
 };

src/modules/system/plugins/PluginList.vue

@@ -354,12 +354,12 @@ onMounted(handleFetchPlugins);
                 >
                   <a
                     :href="plugin.spec.homepage"
-                    class="text-sm text-gray-500 hover:text-gray-900"
+                    class="hidden text-sm text-gray-500 hover:text-gray-900 sm:block"
                     target="_blank"
                   >
                     @{{ plugin.spec.author }}
                   </a>
-                  <span class="text-sm text-gray-500">
+                  <span class="hidden text-sm text-gray-500 sm:block">
                     {{ plugin.spec.version }}
                   </span>
                   <time class="text-sm text-gray-500" datetime="2020-01-07">

tailwind.config.js

@@ -1,7 +1,11 @@
 const { themeable } = require("tailwindcss-themeable");
 
 module.exports = {
-  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
+  content: [
+    "./index.html",
+    "./src/**/*.{vue,js,ts,jsx,tsx}",
+    "./packages/shared/src/**/*.{vue,js,ts,jsx,tsx}",
+  ],
   theme: {
     extend: {},
   },