Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: tw-prefix parse wrongly

Browse Source
This commit is contained in:
zernonia 2024-03-05 13:29:01 +08:00
parent 8496ae44bd
commit c8d746ddba
4 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/cli/src/utils/transformers/transform-tw-prefix.ts
View File

@ -26,6 +26,10 @@ export const transformTwPrefixes: Transformer = async ({
if (template && template.loc.start.offset >= node.getPos()) if (template && template.loc.start.offset >= node.getPos())
return sourceFile return sourceFile
const attrName = sourceFile.getDescendantAtPos(node.getPos() - 2)?.getText()
if (isVueFile && attrName !== 'class')
return sourceFile
const value = node.getText() const value = node.getText()
const hasClosingDoubleQuote = value.match(/"/g)?.length === 2 const hasClosingDoubleQuote = value.match(/"/g)?.length === 2
if (value.search('\'') === -1 && hasClosingDoubleQuote) { if (value.search('\'') === -1 && hasClosingDoubleQuote) {

2
packages/cli/test/utils/__snapshots__/transform-tw-prefix.test.ts.snap
View File

@ -38,7 +38,7 @@ exports[`transform tailwind prefix 3`] = `
exports[`transform tailwind prefix 4`] = ` exports[`transform tailwind prefix 4`] = `
"<template> "<template>
<div :class=\\"cn('tw-bg-white hover:tw-bg-stone-100 dark:tw-bg-stone-950 dark:hover:tw-bg-stone-800', true && 'tw-text-stone-50 sm:focus:tw-text-stone-900 dark:tw-text-stone-900 dark:sm:focus:tw-text-stone-50')\\"> <div id=\\"testing\\" v-bind=\\"props\\" @click=\\"handleSomething\\" :data-test=\\"true\\" :class=\\"cn('tw-bg-white hover:tw-bg-stone-100 dark:tw-bg-stone-950 dark:hover:tw-bg-stone-800', true && 'tw-text-stone-50 sm:focus:tw-text-stone-900 dark:tw-text-stone-900 dark:sm:focus:tw-text-stone-50')\\">
foo foo
</div> </div>
</template> </template>

4
packages/cli/test/utils/transform-css-vars.test.ts
View File

@ -1,9 +1,9 @@
import { expect, test } from 'vitest' import { expect, it } from 'vitest'
import { transform } from '../../src/utils/transformers' import { transform } from '../../src/utils/transformers'
import stone from '../fixtures/colors/stone.json' import stone from '../fixtures/colors/stone.json'
test('transform css vars', async () => { it('transform css vars', async () => {
expect( expect(
await transform({ await transform({
filename: 'app.vue', filename: 'app.vue',

2
packages/cli/test/utils/transform-tw-prefix.test.ts
View File

@ -86,7 +86,7 @@ it('transform tailwind prefix', async () => {
await transform({ await transform({
filename: 'app.vue', filename: 'app.vue',
raw: `<template> raw: `<template>
<div :class="cn('bg-background hover:bg-muted', true && 'text-primary-foreground sm:focus:text-accent-foreground')"> <div id="testing" v-bind="props" @click="handleSomething" :data-test="true" :class="cn('bg-background hover:bg-muted', true && 'text-primary-foreground sm:focus:text-accent-foreground')">
foo foo
</div> </div>
</template> </template>