From d0d2b6c5d0e941110d610275eeeecdd2eef39345 Mon Sep 17 00:00:00 2001
From: Jason Lee <jason@zerodevx.com>
Date: Fri, 28 Jul 2023 20:15:41 +0700
Subject: [PATCH] Add `prettier-plugin-tailwind`

---
 .prettierrc         | 3 +--
 tailwind.config.cjs | 8 +++++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/.prettierrc b/.prettierrc
index f23a72e..4549c08 100644
--- 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
index 40961fa..8e05937 100644
--- 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