diff --git a/packages/cli/src/commands/init.ts b/packages/cli/src/commands/init.ts index de9851e9..0e96d1f7 100644 --- a/packages/cli/src/commands/init.ts +++ b/packages/cli/src/commands/init.ts @@ -151,14 +151,14 @@ export async function promptForConfig( active: 'yes', inactive: 'no', }, - { - type: 'text', - name: 'tailwindPrefix', - message: `Are you using a custom ${highlight( - 'tailwind prefix eg. tw-', - )}? (Leave blank if not)`, - initial: '', - }, + // { + // type: 'text', + // name: 'tailwindPrefix', + // message: `Are you using a custom ${highlight( + // 'tailwind prefix eg. tw-', + // )}? (Leave blank if not)`, + // initial: '', + // }, { type: 'text', name: 'tailwindConfig', @@ -195,7 +195,7 @@ export async function promptForConfig( css: options.tailwindCss, baseColor: options.tailwindBaseColor, cssVariables: options.tailwindCssVariables, - prefix: options.tailwindPrefix, + // prefix: options.tailwindPrefix, }, aliases: { utils: options.utils, diff --git a/packages/cli/src/utils/transformers/index.ts b/packages/cli/src/utils/transformers/index.ts index 0b103bfa..72d03401 100644 --- a/packages/cli/src/utils/transformers/index.ts +++ b/packages/cli/src/utils/transformers/index.ts @@ -26,7 +26,7 @@ export type Transformer = ( const transformers: Transformer[] = [ transformCssVars, transformImport, - transformTwPrefixes, + // transformTwPrefixes, ] const project = new Project({ diff --git a/packages/cli/test/utils/transform-tw-prefix.test.ts b/packages/cli/test/utils/transform-tw-prefix.test.ts index de92aea5..3ecb1e7f 100644 --- a/packages/cli/test/utils/transform-tw-prefix.test.ts +++ b/packages/cli/test/utils/transform-tw-prefix.test.ts @@ -5,111 +5,111 @@ import { applyPrefixesCss } from '../../src/utils/transformers/transform-tw-pref import stone from '../fixtures/colors/stone.json' it('transform tailwind prefix', async () => { - expect( - await transform({ - filename: 'test.ts', - raw: `const testVariants = cva( - 'bg-background hover:bg-muted text-primary-foreground sm:focus:text-accent-foreground', - { - variants: { - variant: { - default: 'bg-primary text-primary-foreground hover:bg-primary/90', - }, - size: { - default: 'h-10 px-4 py-2', - }, - }, - }, - )`, - config: { - tailwind: { - baseColor: 'stone', - prefix: 'tw-', - }, - aliases: { - components: '@/components', - utils: '@/lib/utils', - }, - }, - baseColor: 'stone', - }), - ).toMatchSnapshot() + // expect( + // await transform({ + // filename: 'test.ts', + // raw: `const testVariants = cva( + // 'bg-background hover:bg-muted text-primary-foreground sm:focus:text-accent-foreground', + // { + // variants: { + // variant: { + // default: 'bg-primary text-primary-foreground hover:bg-primary/90', + // }, + // size: { + // default: 'h-10 px-4 py-2', + // }, + // }, + // }, + // )`, + // config: { + // tailwind: { + // baseColor: 'stone', + // prefix: 'tw-', + // }, + // aliases: { + // components: '@/components', + // utils: '@/lib/utils', + // }, + // }, + // baseColor: 'stone', + // }), + // ).toMatchSnapshot() - expect( - await transform({ - filename: 'app.vue', - raw: ` - `, - config: { - tailwind: { - baseColor: 'stone', - prefix: 'tw-', - }, - aliases: { - components: '@/components', - utils: '@/lib/utils', - }, - }, - baseColor: 'stone', - }), - ).toMatchSnapshot() + // expect( + // await transform({ + // filename: 'app.vue', + // raw: ` + // `, + // config: { + // tailwind: { + // baseColor: 'stone', + // prefix: 'tw-', + // }, + // aliases: { + // components: '@/components', + // utils: '@/lib/utils', + // }, + // }, + // baseColor: 'stone', + // }), + // ).toMatchSnapshot() - expect( - await transform({ - filename: 'app.vue', - raw: ` - `, - config: { - tailwind: { - baseColor: 'stone', - cssVariables: false, - prefix: 'tw-', - }, - aliases: { - components: '@/components', - utils: '@/lib/utils', - }, - }, - baseColor: stone, - }), - ).toMatchSnapshot() + // expect( + // await transform({ + // filename: 'app.vue', + // raw: ` + // `, + // config: { + // tailwind: { + // baseColor: 'stone', + // cssVariables: false, + // prefix: 'tw-', + // }, + // aliases: { + // components: '@/components', + // utils: '@/lib/utils', + // }, + // }, + // baseColor: stone, + // }), + // ).toMatchSnapshot() - expect( - await transform({ - filename: 'app.vue', - raw: ` - `, - config: { - tailwind: { - baseColor: 'stone', - cssVariables: false, - prefix: 'tw-', - }, - aliases: { - components: '@/components', - utils: '@/lib/utils', - }, - }, - baseColor: stone, - }), - ).toMatchSnapshot() + // expect( + // await transform({ + // filename: 'app.vue', + // raw: ` + // `, + // config: { + // tailwind: { + // baseColor: 'stone', + // cssVariables: false, + // prefix: 'tw-', + // }, + // aliases: { + // components: '@/components', + // utils: '@/lib/utils', + // }, + // }, + // baseColor: stone, + // }), + // ).toMatchSnapshot() - expect( - applyPrefixesCss( - '@tailwind base;\n@tailwind components;\n@tailwind utilities;\n \n@layer base {\n :root {\n --background: 0 0% 100%;\n --foreground: 224 71.4% 4.1%;\n \n --muted: 220 14.3% 95.9%;\n --muted-foreground: 220 8.9% 46.1%;\n \n --popover: 0 0% 100%;\n --popover-foreground: 224 71.4% 4.1%;\n \n --card: 0 0% 100%;\n --card-foreground: 224 71.4% 4.1%;\n \n --border: 220 13% 91%;\n --input: 220 13% 91%;\n \n --primary: 220.9 39.3% 11%;\n --primary-foreground: 210 20% 98%;\n \n --secondary: 220 14.3% 95.9%;\n --secondary-foreground: 220.9 39.3% 11%;\n \n --accent: 220 14.3% 95.9%;\n --accent-foreground: 220.9 39.3% 11%;\n \n --destructive: 0 84.2% 60.2%;\n --destructive-foreground: 210 20% 98%;\n \n --ring: 217.9 10.6% 64.9%;\n \n --radius: 0.5rem;\n }\n \n .dark {\n --background: 224 71.4% 4.1%;\n --foreground: 210 20% 98%;\n \n --muted: 215 27.9% 16.9%;\n --muted-foreground: 217.9 10.6% 64.9%;\n \n --popover: 224 71.4% 4.1%;\n --popover-foreground: 210 20% 98%;\n \n --card: 224 71.4% 4.1%;\n --card-foreground: 210 20% 98%;\n \n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n \n --primary: 210 20% 98%;\n --primary-foreground: 220.9 39.3% 11%;\n \n --secondary: 215 27.9% 16.9%;\n --secondary-foreground: 210 20% 98%;\n \n --accent: 215 27.9% 16.9%;\n --accent-foreground: 210 20% 98%;\n \n --destructive: 0 62.8% 30.6%;\n --destructive-foreground: 0 85.7% 97.3%;\n \n --ring: 215 27.9% 16.9%;\n }\n}\n \n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply bg-background text-foreground;\n }\n}', - 'tw-', - ), - ).toMatchSnapshot() + // expect( + // applyPrefixesCss( + // '@tailwind base;\n@tailwind components;\n@tailwind utilities;\n \n@layer base {\n :root {\n --background: 0 0% 100%;\n --foreground: 224 71.4% 4.1%;\n \n --muted: 220 14.3% 95.9%;\n --muted-foreground: 220 8.9% 46.1%;\n \n --popover: 0 0% 100%;\n --popover-foreground: 224 71.4% 4.1%;\n \n --card: 0 0% 100%;\n --card-foreground: 224 71.4% 4.1%;\n \n --border: 220 13% 91%;\n --input: 220 13% 91%;\n \n --primary: 220.9 39.3% 11%;\n --primary-foreground: 210 20% 98%;\n \n --secondary: 220 14.3% 95.9%;\n --secondary-foreground: 220.9 39.3% 11%;\n \n --accent: 220 14.3% 95.9%;\n --accent-foreground: 220.9 39.3% 11%;\n \n --destructive: 0 84.2% 60.2%;\n --destructive-foreground: 210 20% 98%;\n \n --ring: 217.9 10.6% 64.9%;\n \n --radius: 0.5rem;\n }\n \n .dark {\n --background: 224 71.4% 4.1%;\n --foreground: 210 20% 98%;\n \n --muted: 215 27.9% 16.9%;\n --muted-foreground: 217.9 10.6% 64.9%;\n \n --popover: 224 71.4% 4.1%;\n --popover-foreground: 210 20% 98%;\n \n --card: 224 71.4% 4.1%;\n --card-foreground: 210 20% 98%;\n \n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n \n --primary: 210 20% 98%;\n --primary-foreground: 220.9 39.3% 11%;\n \n --secondary: 215 27.9% 16.9%;\n --secondary-foreground: 210 20% 98%;\n \n --accent: 215 27.9% 16.9%;\n --accent-foreground: 210 20% 98%;\n \n --destructive: 0 62.8% 30.6%;\n --destructive-foreground: 0 85.7% 97.3%;\n \n --ring: 215 27.9% 16.9%;\n }\n}\n \n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply bg-background text-foreground;\n }\n}', + // 'tw-', + // ), + // ).toMatchSnapshot() })