feat: add util to write tw classes inside strings

nuxt-modules · Nov 15, 2023 · 7d8a59e · 7d8a59e
1 parent 58abedf
commit 7d8a59e
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 2 deletions.
diff --git a/src/module.ts b/src/module.ts
@@ -10,7 +10,9 @@ import {
   resolvePath,
   addVitePlugin,
   useNuxt,
-  addTemplate
+  addTemplate,
+  addImportsDir,
+  createResolver
 } from '@nuxt/kit'
 
 // @ts-expect-error
@@ -44,12 +46,14 @@ const defaults = (nuxt = useNuxt()): ModuleOptions => ({
   exposeConfig: false,
   exposeLevel: 2,
   injectPosition: 'first',
-  disableHmrHotfix: false
+  disableHmrHotfix: false,
+  addTwUtil: false,
 })
 
 export default defineNuxtModule<ModuleOptions>({
   meta: { name, version, configKey, compatibility }, defaults,
   async setup (moduleOptions, nuxt) {
+    const { resolve } = createResolver(import.meta.url);
     const [configPaths, contentPaths] = await resolveModulePaths(moduleOptions.configPath, nuxt)
 
     const tailwindConfig = await Promise.all((
@@ -133,6 +137,11 @@ export default defineNuxtModule<ModuleOptions>({
     }
 
 
+    if(moduleOptions.addTwUtil) {
+      addImportsDir(resolve('./runtime/utils'));
+    }
+
+
     // enabled only in development
     if (nuxt.options.dev) {
       // Watch the Tailwind config file to restart the server

diff --git a/src/runtime/utils/tw.ts b/src/runtime/utils/tw.ts
@@ -0,0 +1,3 @@
+export const tw = function (tailwindClasses: TemplateStringsArray | string) {
+  return tailwindClasses
+}
diff --git a/src/types.ts b/src/types.ts
@@ -82,4 +82,10 @@ export interface ModuleOptions {
    * @default false
    */
   disableHmrHotfix: boolean;
+  /**
+   * Add util to write Tailwind CSS classes inside strings with `` tw`{classes}` ``
+   * 
+   * @default false
+   */
+  addTwUtil: boolean;
 }