jsrepo 1.3.1 → 1.4.0

package/dist/index.js

@@ -12,7 +12,7 @@ import color7 from "chalk";
 import { Command, program as program2 } from "commander";
 import { resolveCommand as resolveCommand2 } from "package-manager-detector/commands";
 import { detect } from "package-manager-detector/detect";
-import * as v4 from "valibot";
+import * as v5 from "valibot";
 
 // src/utils/ascii.ts
 import color from "chalk";
@@ -680,19 +680,20 @@ var mapToArray = (map, fn) => {
 
 // src/utils/git-providers.ts
 import { Octokit } from "octokit";
-import * as v2 from "valibot";
+import * as v3 from "valibot";
 
 // src/utils/build.ts
 import fs3 from "node:fs";
 import path3 from "node:path";
 import color3 from "chalk";
 import { program } from "commander";
-import * as v from "valibot";
+import * as v2 from "valibot";
 
 // src/utils/language-support.ts
 import fs2 from "node:fs";
 import { builtinModules } from "node:module";
 import path2 from "node:path";
+import * as v from "@vue/compiler-sfc";
 import color2 from "chalk";
 import { walk } from "estree-walker";
 import * as sv from "svelte/compiler";
@@ -726,7 +727,7 @@ var parsePackageName = (input) => {
 // src/utils/language-support.ts
 var typescript = {
   matches: (fileName) => fileName.endsWith(".ts") || fileName.endsWith(".js") || fileName.endsWith(".tsx") || fileName.endsWith(".jsx"),
-  resolveDependencies: (filePath, category, isSubDir) => {
+  resolveDependencies: ({ filePath, category, isSubDir, excludeDeps }) => {
     const project = new Project();
     const blockFile = project.addSourceFileAtPath(filePath);
     const imports = blockFile.getImportDeclarations();
@@ -740,7 +741,11 @@ var typescript = {
       if (localDep) localDeps.add(localDep);
     }
     const deps = imports.filter((declaration) => !declaration.getModuleSpecifierValue().startsWith(".")).map((declaration) => declaration.getModuleSpecifierValue());
-    const { devDependencies, dependencies } = resolveRemoteDeps(Array.from(deps), filePath);
+    const { devDependencies, dependencies } = resolveRemoteDeps(
+      Array.from(deps),
+      filePath,
+      excludeDeps
+    );
     return Ok({
       local: Array.from(localDeps),
       dependencies,
@@ -753,7 +758,7 @@ ${content}
 };
 var svelte = {
   matches: (fileName) => fileName.endsWith(".svelte"),
-  resolveDependencies: (filePath, category, isSubDir) => {
+  resolveDependencies: ({ filePath, category, isSubDir, excludeDeps }) => {
     const sourceCode = fs2.readFileSync(filePath).toString();
     const root = sv.parse(sourceCode, { modern: true });
     if (!root.instance) return Ok({ dependencies: [], devDependencies: [], local: [] });
@@ -777,7 +782,44 @@ var svelte = {
         }
       }
     });
-    const { devDependencies, dependencies } = resolveRemoteDeps(Array.from(deps), filePath);
+    const { devDependencies, dependencies } = resolveRemoteDeps(Array.from(deps), filePath, [
+      "svelte",
+      ...excludeDeps
+    ]);
+    return Ok({
+      dependencies,
+      devDependencies,
+      local: Array.from(localDeps)
+    });
+  },
+  comment: (content) => `<!--
+${content}
+-->`
+};
+var vue = {
+  matches: (fileName) => fileName.endsWith(".vue"),
+  resolveDependencies: ({ filePath, category, isSubDir, excludeDeps }) => {
+    const sourceCode = fs2.readFileSync(filePath).toString();
+    const parsed = v.parse(sourceCode);
+    if (!parsed.descriptor.script?.content && !parsed.descriptor.scriptSetup?.content)
+      return Ok({ dependencies: [], devDependencies: [], local: [] });
+    const localDeps = /* @__PURE__ */ new Set();
+    const deps = /* @__PURE__ */ new Set();
+    const compiled = v.compileScript(parsed.descriptor, { id: "shut-it" });
+    if (!compiled.imports) return Ok({ dependencies: [], devDependencies: [], local: [] });
+    const imports = Object.values(compiled.imports);
+    for (const imp of imports) {
+      if (imp.source.startsWith(".")) {
+        const localDep = resolveLocalImport(imp.source, category, isSubDir);
+        if (localDep) localDeps.add(localDep);
+      } else {
+        deps.add(imp.source);
+      }
+    }
+    const { devDependencies, dependencies } = resolveRemoteDeps(Array.from(deps), filePath, [
+      "vue",
+      ...excludeDeps
+    ]);
     return Ok({
       dependencies,
       devDependencies,
@@ -797,10 +839,11 @@ var resolveLocalImport = (mod, category, isSubDir) => {
     return `${category}/${path2.parse(path2.basename(mod)).name}`;
   }
   const segments = mod.replaceAll("../", "").split("/");
-  if (segments.length !== 2) return void 0;
+  if (segments.length < 2) return void 0;
   return `${segments[0]}/${segments[1]}`;
 };
-var resolveRemoteDeps = (deps, filePath) => {
+var resolveRemoteDeps = (deps, filePath, doNotInstall = []) => {
+  const exemptDeps = new Set(doNotInstall);
   const filteredDeps = deps.filter(
     (dep) => !builtinModules.includes(dep) && !dep.startsWith("node:")
   );
@@ -824,6 +867,7 @@ var resolveRemoteDeps = (deps, filePath) => {
         );
         continue;
       }
+      if (exemptDeps.has(depInfo.name)) continue;
       let version2 = void 0;
       if (packageDependencies !== void 0) {
         version2 = packageDependencies[depInfo.name];
@@ -847,28 +891,28 @@ var resolveRemoteDeps = (deps, filePath) => {
     devDependencies: Array.from(devDependencies)
   };
 };
-var languages = [typescript, svelte];
+var languages = [typescript, svelte, vue];
 
 // src/utils/build.ts
-var blockSchema = v.object({
-  name: v.string(),
-  category: v.string(),
-  localDependencies: v.array(v.string()),
-  dependencies: v.array(v.string()),
-  devDependencies: v.array(v.string()),
-  tests: v.boolean(),
+var blockSchema = v2.object({
+  name: v2.string(),
+  category: v2.string(),
+  localDependencies: v2.array(v2.string()),
+  dependencies: v2.array(v2.string()),
+  devDependencies: v2.array(v2.string()),
+  tests: v2.boolean(),
   /** Where to find the block relative to root */
-  directory: v.string(),
-  subdirectory: v.boolean(),
-  files: v.array(v.string())
+  directory: v2.string(),
+  subdirectory: v2.boolean(),
+  files: v2.array(v2.string())
 });
-var categorySchema = v.object({
-  name: v.string(),
-  blocks: v.array(blockSchema)
+var categorySchema = v2.object({
+  name: v2.string(),
+  blocks: v2.array(blockSchema)
 });
 var TEST_SUFFIXES = [".test.ts", "_test.ts", ".test.js", "_test.js"];
 var isTestFile = (file) => TEST_SUFFIXES.find((suffix) => file.endsWith(suffix)) !== void 0;
-var buildBlocksDirectory = (blocksPath, cwd) => {
+var buildBlocksDirectory = (blocksPath, { cwd, excludeDeps }) => {
   let paths;
   try {
     paths = fs3.readdirSync(blocksPath);
@@ -902,7 +946,12 @@ var buildBlocksDirectory = (blocksPath, cwd) => {
         const testsPath = files.find(
           (f) => TEST_SUFFIXES.find((suffix) => f === `${name2}${suffix}`)
         );
-        const { dependencies, devDependencies, local } = lang.resolveDependencies(blockDir, categoryName, false).match(
+        const { dependencies, devDependencies, local } = lang.resolveDependencies({
+          filePath: blockDir,
+          category: categoryName,
+          isSubDir: false,
+          excludeDeps
+        }).match(
           (val) => val,
           (err) => {
             program.error(color3.red(err));
@@ -941,7 +990,12 @@ var buildBlocksDirectory = (blocksPath, cwd) => {
             );
             continue;
           }
-          const { local, dependencies, devDependencies } = lang.resolveDependencies(path3.join(blockDir, f), categoryName, true).match(
+          const { local, dependencies, devDependencies } = lang.resolveDependencies({
+            filePath: path3.join(blockDir, f),
+            category: categoryName,
+            isSubDir: true,
+            excludeDeps
+          }).match(
             (val) => val,
             (err) => {
               program.error(color3.red(err));
@@ -1049,7 +1103,7 @@ var getManifest = async (url) => {
     if (!response.ok) {
       return errorMessage(`${response.status} ${response.text}`);
     }
-    const categories = v2.parse(v2.array(categorySchema), await response.json());
+    const categories = v3.parse(v3.array(categorySchema), await response.json());
     return Ok(categories);
   } catch (err) {
     return errorMessage(`${err}`);
@@ -1147,20 +1201,20 @@ var getInstalled = (blocks, config, cwd) => {
 // src/utils/config.ts
 import fs5 from "node:fs";
 import path5 from "node:path";
-import * as v3 from "valibot";
+import * as v4 from "valibot";
 var CONFIG_NAME = "jsrepo.json";
-var schema = v3.object({
-  $schema: v3.string(),
-  repos: v3.optional(v3.array(v3.string()), []),
-  includeTests: v3.boolean(),
-  path: v3.pipe(v3.string(), v3.minLength(1)),
-  watermark: v3.optional(v3.boolean(), true)
+var schema = v4.object({
+  $schema: v4.string(),
+  repos: v4.optional(v4.array(v4.string()), []),
+  includeTests: v4.boolean(),
+  path: v4.pipe(v4.string(), v4.minLength(1)),
+  watermark: v4.optional(v4.boolean(), true)
 });
 var getConfig = (cwd) => {
   if (!fs5.existsSync(path5.join(cwd, CONFIG_NAME))) {
     return Err("Could not find your configuration file! Please run `init`.");
   }
-  const config = v3.safeParse(
+  const config = v4.safeParse(
     schema,
     JSON.parse(fs5.readFileSync(path5.join(cwd, CONFIG_NAME)).toString())
   );
@@ -1281,18 +1335,18 @@ var nextSteps = (steps) => {
 var _intro = (version2) => intro(`${color6.bgHex("#f7df1e").black(" jsrepo ")}${color6.gray(` v${version2} `)}`);
 
 // src/commands/add.ts
-var schema2 = v4.object({
-  repo: v4.optional(v4.string()),
-  allow: v4.boolean(),
-  yes: v4.boolean(),
-  verbose: v4.boolean(),
-  cwd: v4.string()
+var schema2 = v5.object({
+  repo: v5.optional(v5.string()),
+  allow: v5.boolean(),
+  yes: v5.boolean(),
+  verbose: v5.boolean(),
+  cwd: v5.string()
 });
 var add = new Command("add").argument(
   "[blocks...]",
   "Names of the blocks you want to add to your project. ex: (utils/math, github/ieedan/std/utils/math)"
 ).option("--repo <repo>", "Repository to download the blocks from.").option("-A, --allow", "Allow jsrepo to download code from the provided repo.", false).option("-y, --yes", "Skip confirmation prompt.", false).option("--verbose", "Include debug logs.", false).option("--cwd <path>", "The current working directory.", process.cwd()).action(async (blockNames, opts) => {
-  const options = v4.parse(schema2, opts);
+  const options = v5.parse(schema2, opts);
   _intro(context.package.version);
   await _add(blockNames, options);
   outro(color7.green("All done!"));
@@ -1572,15 +1626,16 @@ import path7 from "node:path";
 import { outro as outro2, spinner as spinner3 } from "@clack/prompts";
 import color8 from "chalk";
 import { Command as Command2 } from "commander";
-import * as v5 from "valibot";
-var schema3 = v5.object({
-  dirs: v5.array(v5.string()),
-  output: v5.boolean(),
-  verbose: v5.boolean(),
-  cwd: v5.string()
+import * as v6 from "valibot";
+var schema3 = v6.object({
+  dirs: v6.array(v6.string()),
+  excludeDeps: v6.array(v6.string()),
+  output: v6.boolean(),
+  verbose: v6.boolean(),
+  cwd: v6.string()
 });
-var build = new Command2("build").description(`Builds the provided --dirs in the project root into a \`${OUTPUT_FILE}\` file.`).option("--dirs [dirs...]", "The directories containing the blocks.", ["./blocks"]).option("--no-output", `Do not output a \`${OUTPUT_FILE}\` file.`).option("--verbose", "Include debug logs.", false).option("--cwd <path>", "The current working directory.", process.cwd()).action(async (opts) => {
-  const options = v5.parse(schema3, opts);
+var build = new Command2("build").description(`Builds the provided --dirs in the project root into a \`${OUTPUT_FILE}\` file.`).option("--dirs [dirs...]", "The directories containing the blocks.", ["./blocks"]).option("--exclude-deps [deps...]", "Dependencies that should not be added.", []).option("--no-output", `Do not output a \`${OUTPUT_FILE}\` file.`).option("--verbose", "Include debug logs.", false).option("--cwd <path>", "The current working directory.", process.cwd()).action(async (opts) => {
+  const options = v6.parse(schema3, opts);
   _intro(context.package.version);
   await _build(options);
   outro2(color8.green("All done!"));
@@ -1593,7 +1648,9 @@ var _build = async (options) => {
     const dirPath = path7.join(options.cwd, dir);
     loading.start(`Building ${color8.cyan(dirPath)}`);
     if (options.output && fs7.existsSync(outFile)) fs7.rmSync(outFile);
-    categories.push(...buildBlocksDirectory(dirPath, options.cwd));
+    categories.push(
+      ...buildBlocksDirectory(dirPath, { cwd: options.cwd, excludeDeps: options.excludeDeps })
+    );
     loading.stop(`Built ${color8.cyan(dirPath)}`);
   }
   const categoriesMap = /* @__PURE__ */ new Map();
@@ -1620,7 +1677,7 @@ import { cancel as cancel2, confirm as confirm2, isCancel as isCancel2, outro as
 import color10 from "chalk";
 import { Command as Command3, program as program3 } from "commander";
 import { diffLines } from "diff";
-import * as v6 from "valibot";
+import * as v7 from "valibot";
 
 // src/utils/diff.ts
 import color9 from "chalk";
@@ -1814,12 +1871,12 @@ var formatDiff = ({
 };
 
 // src/commands/diff.ts
-var schema4 = v6.object({
-  expand: v6.boolean(),
-  maxUnchanged: v6.number(),
-  repo: v6.optional(v6.string()),
-  allow: v6.boolean(),
-  cwd: v6.string()
+var schema4 = v7.object({
+  expand: v7.boolean(),
+  maxUnchanged: v7.number(),
+  repo: v7.optional(v7.string()),
+  allow: v7.boolean(),
+  cwd: v7.string()
 });
 var diff = new Command3("diff").description("Compares local blocks to the blocks in the provided repository.").option("-E, --expand", "Expands the diff so you see everything.", false).option(
   "--max-unchanged <number>",
@@ -1828,7 +1885,7 @@ var diff = new Command3("diff").description("Compares local blocks to the blocks
   // this is such a dumb api thing
   3
 ).option("--repo <repo>", "Repository to download the blocks from.").option("-A, --allow", "Allow jsrepo to download code from the provided repo.", false).option("--cwd <path>", "The current working directory.", process.cwd()).action(async (opts) => {
-  const options = v6.parse(schema4, opts);
+  const options = v7.parse(schema4, opts);
   _intro(context.package.version);
   await _diff(options);
   outro3(color10.green("All done!"));
@@ -1949,19 +2006,19 @@ import path9 from "node:path";
 import { cancel as cancel3, confirm as confirm3, isCancel as isCancel3, outro as outro4, spinner as spinner5, text } from "@clack/prompts";
 import color11 from "chalk";
 import { Command as Command4 } from "commander";
-import * as v7 from "valibot";
-var schema5 = v7.object({
-  path: v7.optional(v7.string()),
-  repos: v7.optional(v7.array(v7.string())),
-  watermark: v7.boolean(),
-  tests: v7.optional(v7.boolean()),
-  cwd: v7.string()
+import * as v8 from "valibot";
+var schema5 = v8.object({
+  path: v8.optional(v8.string()),
+  repos: v8.optional(v8.array(v8.string())),
+  watermark: v8.boolean(),
+  tests: v8.optional(v8.boolean()),
+  cwd: v8.string()
 });
 var init = new Command4("init").description("Initializes your project with a configuration file.").option("--path <path>", "Path to install the blocks.").option("--repos [repos...]", "Repository to install the blocks from.").option(
   "--no-watermark",
   "Will not add a watermark to each file upon adding it to your project."
 ).option("--tests", "Will include tests with the blocks.").option("--cwd <path>", "The current working directory.", process.cwd()).action(async (opts) => {
-  const options = v7.parse(schema5, opts);
+  const options = v8.parse(schema5, opts);
   _intro(context.package.version);
   await _init(options);
   outro4(color11.green("All done!"));
@@ -2039,16 +2096,16 @@ import { execa as execa2 } from "execa";
 import { resolveCommand as resolveCommand3 } from "package-manager-detector/commands";
 import { detect as detect2 } from "package-manager-detector/detect";
 import { Project as Project2 } from "ts-morph";
-import * as v8 from "valibot";
-var schema6 = v8.object({
-  repo: v8.optional(v8.string()),
-  allow: v8.boolean(),
-  debug: v8.boolean(),
-  verbose: v8.boolean(),
-  cwd: v8.string()
+import * as v9 from "valibot";
+var schema6 = v9.object({
+  repo: v9.optional(v9.string()),
+  allow: v9.boolean(),
+  debug: v9.boolean(),
+  verbose: v9.boolean(),
+  cwd: v9.string()
 });
 var test = new Command5("test").description("Tests local blocks against most recent remote tests.").addArgument(new Argument("[blocks...]", "The blocks you want to test.").default([])).option("--repo <repo>", "Repository to download the blocks from.").option("-A, --allow", "Allow jsrepo to download code from the provided repo.", false).option("--debug", "Leaves the temp test file around for debugging upon failure.", false).option("--verbose", "Include debug logs.", false).option("--cwd <path>", "The current working directory.", process.cwd()).action(async (blockNames, opts) => {
-  const options = v8.parse(schema6, opts);
+  const options = v9.parse(schema6, opts);
   _intro(context.package.version);
   await _test(blockNames, options);
   outro5(color12.green("All done!"));
@@ -2098,7 +2155,7 @@ var _test = async (blockNames, options) => {
         )
       );
     }
-    const categories = v8.parse(v8.array(categorySchema), await response.json());
+    const categories = v9.parse(v9.array(categorySchema), await response.json());
     for (const category of categories) {
       for (const block of category.blocks) {
         blocksMap.set(
@@ -2294,16 +2351,16 @@ import { Command as Command6, program as program5 } from "commander";
 import { diffLines as diffLines2 } from "diff";
 import { resolveCommand as resolveCommand4 } from "package-manager-detector/commands";
 import { detect as detect3 } from "package-manager-detector/detect";
-import * as v9 from "valibot";
-var schema7 = v9.object({
-  all: v9.boolean(),
-  expand: v9.boolean(),
-  maxUnchanged: v9.number(),
-  repo: v9.optional(v9.string()),
-  allow: v9.boolean(),
-  yes: v9.boolean(),
-  verbose: v9.boolean(),
-  cwd: v9.string()
+import * as v10 from "valibot";
+var schema7 = v10.object({
+  all: v10.boolean(),
+  expand: v10.boolean(),
+  maxUnchanged: v10.number(),
+  repo: v10.optional(v10.string()),
+  allow: v10.boolean(),
+  yes: v10.boolean(),
+  verbose: v10.boolean(),
+  cwd: v10.string()
 });
 var update = new Command6("update").argument("[blocks...]", "Names of the blocks you want to update. ex: (utils/math)").option("--all", "Update all installed components.", false).option("-E, --expand", "Expands the diff so you see everything.", false).option(
   "--max-unchanged <number>",
@@ -2312,7 +2369,7 @@ var update = new Command6("update").argument("[blocks...]", "Names of the blocks
   // this is such a dumb api thing
   3
 ).option("--repo <repo>", "Repository to download the blocks from.").option("-A, --allow", "Allow jsrepo to download code from the provided repo.", false).option("-y, --yes", "Skip confirmation prompt.", false).option("--verbose", "Include debug logs.", false).option("--cwd <path>", "The current working directory.", process.cwd()).action(async (blockNames, opts) => {
-  const options = v9.parse(schema7, opts);
+  const options = v10.parse(schema7, opts);
   _intro(context.package.version);
   await _update(blockNames, options);
   outro6(color13.green("All done!"));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jsrepo",
   "description": "A CLI to add shared code from remote repositories.",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ieedan/jsrepo"
@@ -39,6 +39,7 @@
   },
   "dependencies": {
     "@clack/prompts": "^0.8.1",
+    "@vue/compiler-sfc": "^3.5.13",
     "ansi-regex": "^6.1.0",
     "chalk": "^5.3.0",
     "commander": "^12.1.0",

package/src/commands/build.ts

@@ -11,6 +11,7 @@ import { intro } from '../utils/prompts';
 
 const schema = v.object({
 	dirs: v.array(v.string()),
+	excludeDeps: v.array(v.string()),
 	output: v.boolean(),
 	verbose: v.boolean(),
 	cwd: v.string(),
@@ -21,6 +22,7 @@ type Options = v.InferInput<typeof schema>;
 const build = new Command('build')
 	.description(`Builds the provided --dirs in the project root into a \`${OUTPUT_FILE}\` file.`)
 	.option('--dirs [dirs...]', 'The directories containing the blocks.', ['./blocks'])
+	.option('--exclude-deps [deps...]', 'Dependencies that should not be added.', [])
 	.option('--no-output', `Do not output a \`${OUTPUT_FILE}\` file.`)
 	.option('--verbose', 'Include debug logs.', false)
 	.option('--cwd <path>', 'The current working directory.', process.cwd())
@@ -48,7 +50,9 @@ const _build = async (options: Options) => {
 
 		if (options.output && fs.existsSync(outFile)) fs.rmSync(outFile);
 
-		categories.push(...buildBlocksDirectory(dirPath, options.cwd));
+		categories.push(
+			...buildBlocksDirectory(dirPath, { cwd: options.cwd, excludeDeps: options.excludeDeps })
+		);
 
 		loading.stop(`Built ${color.cyan(dirPath)}`);
 	}

package/src/utils/build.ts

@@ -33,12 +33,17 @@ const TEST_SUFFIXES = ['.test.ts', '_test.ts', '.test.js', '_test.js'] as const;
 const isTestFile = (file: string): boolean =>
 	TEST_SUFFIXES.find((suffix) => file.endsWith(suffix)) !== undefined;
 
+type Options = {
+	cwd: string;
+	excludeDeps: string[];
+};
+
 /** Using the provided path to the blocks folder builds the blocks into categories and also resolves dependencies
  *
  * @param blocksPath
  * @returns
  */
-const buildBlocksDirectory = (blocksPath: string, cwd: string): Category[] => {
+const buildBlocksDirectory = (blocksPath: string, { cwd, excludeDeps }: Options): Category[] => {
 	let paths: string[];
 
 	try {
@@ -88,7 +93,12 @@ const buildBlocksDirectory = (blocksPath: string, cwd: string): Category[] => {
 				);
 
 				const { dependencies, devDependencies, local } = lang
-					.resolveDependencies(blockDir, categoryName, false)
+					.resolveDependencies({
+						filePath: blockDir,
+						category: categoryName,
+						isSubDir: false,
+						excludeDeps,
+					})
 					.match(
 						(val) => val,
 						(err) => {
@@ -140,7 +150,12 @@ const buildBlocksDirectory = (blocksPath: string, cwd: string): Category[] => {
 					}
 
 					const { local, dependencies, devDependencies } = lang
-						.resolveDependencies(path.join(blockDir, f), categoryName, true)
+						.resolveDependencies({
+							filePath: path.join(blockDir, f),
+							category: categoryName,
+							isSubDir: true,
+							excludeDeps,
+						})
 						.match(
 							(val) => val,
 							(err) => {

package/src/utils/language-support.ts

@@ -1,6 +1,7 @@
 import fs from 'node:fs';
 import { builtinModules } from 'node:module';
 import path from 'node:path';
+import * as v from '@vue/compiler-sfc';
 import color from 'chalk';
 import { walk } from 'estree-walker';
 import * as sv from 'svelte/compiler';
@@ -17,15 +18,18 @@ export type ResolvedDependencies = {
 	dependencies: string[];
 };
 
+export type ResolveDependencyOptions = {
+	filePath: string;
+	category: string;
+	isSubDir: boolean;
+	excludeDeps: string[];
+};
+
 export type Lang = {
 	/** Matches the supported file types */
 	matches: (fileName: string) => boolean;
 	/** Reads the file and gets any dependencies from its imports */
-	resolveDependencies: (
-		filePath: string,
-		category: string,
-		isSubDir: boolean
-	) => Result<ResolvedDependencies, string>;
+	resolveDependencies: (opts: ResolveDependencyOptions) => Result<ResolvedDependencies, string>;
 	/** Returns a multiline comment containing the content */
 	comment: (content: string) => string;
 };
@@ -36,7 +40,7 @@ const typescript: Lang = {
 		fileName.endsWith('.js') ||
 		fileName.endsWith('.tsx') ||
 		fileName.endsWith('.jsx'),
-	resolveDependencies: (filePath, category, isSubDir) => {
+	resolveDependencies: ({ filePath, category, isSubDir, excludeDeps }) => {
 		const project = new Project();
 
 		const blockFile = project.addSourceFileAtPath(filePath);
@@ -61,7 +65,11 @@ const typescript: Lang = {
 			.filter((declaration) => !declaration.getModuleSpecifierValue().startsWith('.'))
 			.map((declaration) => declaration.getModuleSpecifierValue());
 
-		const { devDependencies, dependencies } = resolveRemoteDeps(Array.from(deps), filePath);
+		const { devDependencies, dependencies } = resolveRemoteDeps(
+			Array.from(deps),
+			filePath,
+			excludeDeps
+		);
 
 		return Ok({
 			local: Array.from(localDeps),
@@ -74,7 +82,7 @@ const typescript: Lang = {
 
 const svelte: Lang = {
 	matches: (fileName) => fileName.endsWith('.svelte'),
-	resolveDependencies: (filePath, category, isSubDir) => {
+	resolveDependencies: ({ filePath, category, isSubDir, excludeDeps }) => {
 		const sourceCode = fs.readFileSync(filePath).toString();
 
 		const root = sv.parse(sourceCode, { modern: true });
@@ -106,7 +114,53 @@ const svelte: Lang = {
 			},
 		});
 
-		const { devDependencies, dependencies } = resolveRemoteDeps(Array.from(deps), filePath);
+		const { devDependencies, dependencies } = resolveRemoteDeps(Array.from(deps), filePath, [
+			'svelte',
+			...excludeDeps,
+		]);
+
+		return Ok({
+			dependencies,
+			devDependencies,
+			local: Array.from(localDeps),
+		} satisfies ResolvedDependencies);
+	},
+	comment: (content) => `<!--\n${content}\n-->`,
+};
+
+const vue: Lang = {
+	matches: (fileName) => fileName.endsWith('.vue'),
+	resolveDependencies: ({ filePath, category, isSubDir, excludeDeps }) => {
+		const sourceCode = fs.readFileSync(filePath).toString();
+
+		const parsed = v.parse(sourceCode);
+
+		if (!parsed.descriptor.script?.content && !parsed.descriptor.scriptSetup?.content)
+			return Ok({ dependencies: [], devDependencies: [], local: [] });
+
+		const localDeps = new Set<string>();
+		const deps = new Set<string>();
+
+		const compiled = v.compileScript(parsed.descriptor, { id: 'shut-it' }); // you need this id to remove a warning
+
+		if (!compiled.imports) return Ok({ dependencies: [], devDependencies: [], local: [] });
+
+		const imports = Object.values(compiled.imports);
+
+		for (const imp of imports) {
+			if (imp.source.startsWith('.')) {
+				const localDep = resolveLocalImport(imp.source, category, isSubDir);
+
+				if (localDep) localDeps.add(localDep);
+			} else {
+				deps.add(imp.source);
+			}
+		}
+
+		const { devDependencies, dependencies } = resolveRemoteDeps(Array.from(deps), filePath, [
+			'vue',
+			...excludeDeps,
+		]);
 
 		return Ok({
 			dependencies,
@@ -136,7 +190,7 @@ const resolveLocalImport = (
 	const segments = mod.replaceAll('../', '').split('/');
 
 	// invalid path
-	if (segments.length !== 2) return undefined;
+	if (segments.length < 2) return undefined;
 
 	return `${segments[0]}/${segments[1]}`;
 };
@@ -148,7 +202,9 @@ const resolveLocalImport = (
  * @param filePath
  * @returns
  */
-const resolveRemoteDeps = (deps: string[], filePath: string) => {
+const resolveRemoteDeps = (deps: string[], filePath: string, doNotInstall: string[] = []) => {
+	const exemptDeps = new Set(doNotInstall);
+
 	const filteredDeps = deps.filter(
 		(dep) => !builtinModules.includes(dep) && !dep.startsWith('node:')
 	);
@@ -181,6 +237,8 @@ const resolveRemoteDeps = (deps: string[], filePath: string) => {
 				continue;
 			}
 
+			if (exemptDeps.has(depInfo.name)) continue;
+
 			let version: string | undefined = undefined;
 			if (packageDependencies !== undefined) {
 				version = packageDependencies[depInfo.name];
@@ -211,6 +269,6 @@ const resolveRemoteDeps = (deps: string[], filePath: string) => {
 	};
 };
 
-const languages: Lang[] = [typescript, svelte];
+const languages: Lang[] = [typescript, svelte, vue];
 
 export { typescript, languages };