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

fix: babel/core required

Browse Source
This commit is contained in:
zernonia 2023-09-18 23:47:43 +08:00
parent 54e8f520b7
commit 22e46c16f5
3 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/www/src/public/registry/styles/new-york/command.json
View File

@ -22,7 +22,7 @@
},
{
"name": "CommandGroup.vue",
"content": "<script setup lang=\"ts\">\nimport type { ComboboxGroupProps } from 'radix-vue'\nimport { ComboboxGroup, ComboboxLabel } from 'radix-vue'\nimport { cn } from '@/lib/utils'\n\nconst props = defineProps<ComboboxGroupProps & {\n heading?: string\n}>()\n</script>\n\n<template>\n <ComboboxGroup\n v-bind=\"props\"\n :class=\"cn('overflow-hidden p-1 text-foreground', $attrs.class ?? '')\"\n >\n <ComboboxLabel class=\"px-2 py-1.5 text-xs font-medium text-muted-foreground\">\n {{ heading }}\n </ComboboxLabel>\n <slot />\n </ComboboxGroup>\n</template>\n"
"content": "<script setup lang=\"ts\">\nimport type { ComboboxGroupProps } from 'radix-vue'\nimport { ComboboxGroup, ComboboxLabel } from 'radix-vue'\nimport { cn } from '@/lib/utils'\n\nconst props = defineProps<ComboboxGroupProps & {\n heading?: string\n}>()\n</script>\n\n<template>\n <ComboboxGroup\n v-bind=\"props\"\n :class=\"cn('overflow-hidden p-1 text-foreground', $attrs.class ?? '')\"\n >\n <ComboboxLabel v-if=\"heading\" class=\"px-2 py-1.5 text-xs font-medium text-muted-foreground\">\n {{ heading }}\n </ComboboxLabel>\n <slot />\n </ComboboxGroup>\n</template>\n"
},
{
"name": "CommandInput.vue",

2
packages/cli/src/commands/init.ts
View File

@ -8,7 +8,6 @@ import template from 'lodash.template'
import ora from 'ora'
import prompts from 'prompts'
import * as z from 'zod'
import { transform as transformByDetype } from 'detype'
import * as templates from '../utils/templates'
import {
getRegistryBaseColor,
@ -18,6 +17,7 @@ import {
import { logger } from '../utils/logger'
import { handleError } from '../utils/handle-error'
import { getPackageManager } from '../utils/get-package-manager'
import { transformByDetype } from '../utils/transformers/transform-sfc'
import {
type Config,
DEFAULT_COMPONENTS,

20
packages/cli/src/utils/transformers/transform-sfc.ts
View File

@ -1,18 +1,20 @@
import { createRequire } from 'node:module'
import { type SourceFile, SyntaxKind } from 'ts-morph'
import { transform as transformByDetype } from 'detype'
import type { Config } from '../get-config'
import { transformImport } from './transform-import'
import type { Transformer } from '@/src/utils/transformers'
// required cause Error: Dynamic require of "@babel/core" is not supported
const require = createRequire(import.meta.url)
const { transform } = require('detype')
export async function transformByDetype(content: string, filename: string) {
return await transform(content, filename, {
removeTsComments: true,
})
}
export const transformSFC: Transformer<string> = async ({ sourceFile, config }) => {
const output = sourceFile?.getFullText()
if (config?.typescript)
return output
const clean = await transformByDetype(output, 'app.vue', {
removeTsComments: true,
})
return clean
return await transformByDetype(output, 'app.vue')
}