fix: remove invalid references to tailwindcss-base.css

vuepress-reco · Sep 3, 2024 · f53711b · f53711b
1 parent e2aea45
commit f53711b
Show file tree

Hide file tree

Showing 8 changed files with 9 additions and 20 deletions.
diff --git a/packages/@vuepress-reco/tailwindcss-config/src/client/styles/base.css b/packages/@vuepress-reco/tailwindcss-config/src/client/styles/base.css
@@ -1,8 +1,3 @@
-/* 仅在需要在 class 属性中使用 tailwind 时才需要下面的引用 */
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
 @layer base {
   * {
     @apply m-0 p-0;

diff --git a/packages/@vuepress-reco/tailwindcss-config/src/node/tailwindcssConfig.ts b/packages/@vuepress-reco/tailwindcss-config/src/node/tailwindcssConfig.ts
@@ -3,8 +3,8 @@ import { colors } from './custom-colors.js'
 export const tailwindcssConfig = {
   darkMode: 'class',
   content: [
-    'node_modules/vuepress-theme-reco/lib/**/*.(vue|html|js)',
-    'node_modules/@vuepress-reco/**/lib/**/*.(vue|html|js)',
+    'node_modules/**/vuepress-theme-reco/lib/**/*.(vue|html|js)',
+    'node_modules/**/@vuepress-reco/**/lib/**/*.(vue|html|js)',
   ],
   theme: {
     extend: {

diff --git a/packages/vuepress-theme-reco/src/client/components/SiteBrand.vue b/packages/vuepress-theme-reco/src/client/components/SiteBrand.vue
@@ -40,8 +40,6 @@ const { title, icon, link } = toRefs(props)
 </template>
 
 <style>
-@import '@vuepress-reco/tailwindcss-config/lib/client/styles/tailwindcss-base.css';
-
 .site-brand {
   @apply flex text-xl font-semibold;
   .logo {

diff --git a/packages/vuepress-theme-reco/src/client/components/global/CodeGroup.vue b/packages/vuepress-theme-reco/src/client/components/global/CodeGroup.vue
@@ -140,8 +140,6 @@ export default defineComponent({
 </script>
 
 <style>
-@import '@vuepress-reco/tailwindcss-config/lib/client/styles/tailwindcss-base.css';
-
 .code-group {
   @apply relative my-6 overflow-hidden bg-block border-block;
   .code-group__nav {

diff --git a/packages/vuepress-theme-reco/src/client/components/global/Tab.vue b/packages/vuepress-theme-reco/src/client/components/global/Tab.vue
@@ -64,8 +64,6 @@ export default defineComponent({
 </script>
 
 <style>
-@import url('@vuepress-reco/tailwindcss-config/lib/client/styles/tailwindcss-base.css');
-
 .tab {
   @apply relative my-6 overflow-hidden border-block;
   .tab__nav {

diff --git a/packages/vuepress-theme-reco/src/client/components/global/TabItem.vue b/packages/vuepress-theme-reco/src/client/components/global/TabItem.vue
@@ -25,8 +25,6 @@ const { title, active } = toRefs(props)
 </script>
 
 <style>
-@import url('@vuepress-reco/tailwindcss-config/lib/client/styles/tailwindcss-base.css');
-
 .tab-item {
   @apply hidden border-block border-0 border-t border-dashed p-4;
   margin-top: -1px;

diff --git a/packages/vuepress-theme-reco/src/client/components/global/VuePreview.vue b/packages/vuepress-theme-reco/src/client/components/global/VuePreview.vue
@@ -12,10 +12,6 @@ const props = defineProps(['component'])
 </script>
 
 <style>
-@import '@vuepress-reco/tailwindcss-config/lib/client/styles/tailwindcss-base.css';
-@import '@vuepress-reco/tailwindcss-config/lib/client/styles/base.css';
-@import '@vuepress-reco/tailwindcss-config/lib/client/styles/components.css';
-
 .vue-preview-container {
   @apply relative my-6 overflow-hidden bg-block border-block;
   .preview-container {

diff --git a/packages/vuepress-theme-reco/src/client/styles/index.css b/packages/vuepress-theme-reco/src/client/styles/index.css
@@ -1,3 +1,5 @@
+@import '@vuepress-reco/tailwindcss-config/lib/client/styles/tailwindcss-base.css';
+
 @import 'algolia.css';
 @import 'arrow.css';
 @import 'backToTop.css';
@@ -28,7 +30,6 @@
 @import 'series.css';
 @import 'series.css';
 @import 'subNavbar.css';
-@import '@vuepress-reco/tailwindcss-config/lib/client/styles/tailwindcss-base.css';
 @import 'theme.css';
 @import 'timeline.css';
 @import 'toggleDarkModeButton.css';
@@ -37,3 +38,8 @@
 
 /* vite:css 报错，迁移至 resolveStyles.ts */
 /* @import '@vuepress/plugin-palette/style'; */
+
+/* 仅在需要在 class 属性中使用 tailwind 时才需要下面的引用 */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;