Add prettier-plugin-tailwind

zerodevx · Aug 10, 2023 · d0d2b6c · d0d2b6c
1 parent 0e3610a
commit d0d2b6c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/.prettierrc b/.prettierrc
@@ -3,8 +3,7 @@
   "singleQuote": true,
   "trailingComma": "none",
   "printWidth": 100,
-  "plugins": ["prettier-plugin-svelte"],
-  "pluginSearchDirs": ["."],
+  "plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
   "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }],
   "semi": false,
   "proseWrap": "always",

diff --git a/tailwind.config.cjs b/tailwind.config.cjs
@@ -1,7 +1,13 @@
+const { addDynamicIconSelectors } = require('@iconify/tailwind')
+const dt = require('tailwindcss/defaultTheme')
+
 const config = {
   content: ['./src/**/*.{html,js,svelte,ts}'],
   theme: {
     extend: {
+      fontFamily: {
+        sans: ['Inter Variable', ...dt.fontFamily.sans]
+      },
       width: {
         128: '32rem'
       },
@@ -10,7 +16,7 @@ const config = {
       }
     }
   },
-  plugins: [require('@tailwindcss/typography')]
+  plugins: [addDynamicIconSelectors(), require('@tailwindcss/typography')]
 }
 
 module.exports = config