fix: use vue/compiler-sfc instead of @vue/compiler-sfc

.changeset/mighty-geckos-flash.md

@@ -0,0 +1,5 @@
+---
+"jsrepo": patch
+---
+
+Use `vue/compiler-sfc` instead of `@vue/compiler-sfc` to avoid compiler issues.

examples/registry/blocks/vue/Test.vue

@@ -1,11 +1,19 @@
 <script setup lang="ts">
-	import type { PropType } from './type';
+import {
+  AccordionRoot,
+  type AccordionRootEmits,
+  type AccordionRootProps,
+  useForwardPropsEmits,
+} from 'radix-vue'
 
-	const props = defineProps<PropType>();
+const props = defineProps<AccordionRootProps>()
+const emits = defineEmits<AccordionRootEmits>()
+
+const forwarded = useForwardPropsEmits(props, emits)
 </script>
 
 <template>
-	<div>
-		{{ value }}
-	</div>
+  <AccordionRoot v-bind="forwarded">
+    <slot />
+  </AccordionRoot>
 </template>

examples/registry/jsrepo-manifest.json

@@ -234,13 +234,11 @@
 				"files": [
 					"Test.vue"
 				],
-				"localDependencies": [
-					"vue/type"
+				"localDependencies": [],
+				"_imports_": {},
+				"dependencies": [
+					"radix-vue@^1.9.12"
 				],
-				"_imports_": {
-					"./type": "{{vue/type}}"
-				},
-				"dependencies": [],
 				"devDependencies": []
 			},
 			{

examples/registry/package.json

@@ -11,9 +11,11 @@
 	"license": "ISC",
 	"devDependencies": {
 		"jsrepo": "^1.2.4",
+		"typescript": "^5.7.2",
 		"vitest": "^2.1.5"
 	},
 	"dependencies": {
-		"chalk": "^5.3.0"
+		"chalk": "^5.3.0",
+		"radix-vue": "^1.9.12"
 	}
 }

packages/cli/package.json

@@ -15,24 +15,12 @@
 	"bugs": {
 		"url": "https://github.com/ieedan/jsrepo/issues"
 	},
-	"keywords": [
-		"repo",
-		"cli",
-		"svelte",
-		"vue",
-		"typescript",
-		"javascript",
-		"shadcn",
-		"registry"
-	],
+	"keywords": ["repo", "cli", "svelte", "vue", "typescript", "javascript", "shadcn", "registry"],
 	"type": "module",
 	"exports": "./dist/index.js",
 	"bin": "./dist/index.js",
 	"main": "./dist/index.js",
-	"files": [
-		"./schemas/**/*",
-		"dist"
-	],
+	"files": ["./schemas/**/*", "dist"],
 	"scripts": {
 		"start": "tsup --silent && node ./dist/index.js",
 		"build": "tsup",
@@ -57,7 +45,6 @@
 		"@biomejs/js-api": "^0.7.1",
 		"@biomejs/wasm-nodejs": "^1.9.4",
 		"@clack/prompts": "^0.9.0",
-		"@vue/compiler-sfc": "^3.5.13",
 		"ansi-regex": "^6.1.0",
 		"chalk": "^5.4.1",
 		"commander": "^13.0.0",
@@ -74,9 +61,10 @@
 		"pathe": "^2.0.0",
 		"prettier": "^3.4.2",
 		"semver": "^7.6.3",
-		"svelte": "^5.16.1",
+		"svelte": "^5.16.2",
 		"ts-morph": "^25.0.0",
-		"valibot": "1.0.0-beta.9",
-		"validate-npm-package-name": "^6.0.0"
+		"valibot": "1.0.0-beta.10",
+		"validate-npm-package-name": "^6.0.0",
+		"vue": "^3.5.13"
 	}
 }

packages/cli/src/utils/language-support.ts

@@ -2,7 +2,6 @@ import fs from 'node:fs';
 import { builtinModules } from 'node:module';
 import { Biome, Distribution } from '@biomejs/js-api';
 import type { PartialConfiguration } from '@biomejs/wasm-nodejs';
-import * as v from '@vue/compiler-sfc';
 import color from 'chalk';
 import { type Node, walk } from 'estree-walker';
 import { type TsConfigResult, createPathsMatcher, getTsconfig } from 'get-tsconfig';
@@ -12,6 +11,7 @@ import * as prettier from 'prettier';
 import * as sv from 'svelte/compiler';
 import { Project } from 'ts-morph';
 import validatePackageName from 'validate-npm-package-name';
+import * as v from 'vue/compiler-sfc';
 import * as ascii from './ascii';
 import { Err, Ok, type Result } from './blocks/types/result';
 import * as lines from './blocks/utils/lines';
@@ -392,11 +392,6 @@ const vue: Lang = {
 		try {
 			compiled = v.compileScript(parsed.descriptor, {
 				id: 'shut-it',
-				fs: {
-					fileExists: fs.existsSync,
-					readFile: (file) => fs.readFileSync(file).toString(),
-					realpath: fs.realpathSync,
-				},
 			}); // you need this id to remove a warning
 		} catch (err) {
 			return Err(`Compile error: ${err}`);