From a901015fcc3d1e09cfa29622d4c820ff99a3c906 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ville=20S=C3=A4=C3=A4vuori?= Date: Mon, 13 Dec 2021 14:16:40 +0200 Subject: [PATCH] fix: fixed Tailwind nested config --- package.json | 3 ++- postcss.config.js | 11 ++++++----- src/components/BaseTemplate.vue | 6 ++---- yarn.lock | 22 +++++++++++++++++++--- 4 files changed, 29 insertions(+), 13 deletions(-) diff --git a/package.json b/package.json index d4af785..fd8dec5 100644 --- a/package.json +++ b/package.json @@ -38,10 +38,11 @@ "eslint-plugin-promise": "~5.2", "eslint-plugin-vue": "~8", "postcss": "~8.4", + "postcss-import": "^14.0.2", "postcss-nesting": "~10", "tailwindcss": "~3", "typescript": "~4.5", "vite": "~2.7", "wait-on": "~6.0" } -} \ No newline at end of file +} diff --git a/postcss.config.js b/postcss.config.js index 444b893..b049e85 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -1,7 +1,8 @@ module.exports = { - plugins: { - tailwindcss: {}, - autoprefixer: {}, - 'postcss-nesting': {}, - }, + plugins: [ + require('postcss-import'), + require('tailwindcss/nesting')(require('postcss-nesting')), + require('tailwindcss'), + require('autoprefixer'), + ], } diff --git a/src/components/BaseTemplate.vue b/src/components/BaseTemplate.vue index fa95a59..931cf1f 100644 --- a/src/components/BaseTemplate.vue +++ b/src/components/BaseTemplate.vue @@ -1,9 +1,7 @@