@bamboocss/plugin-vue 1.45.4 → 1.46.0

package/dist/index.cjs

@@ -21,11 +21,22 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	enumerable: true
 }) : target, mod));
 //#endregion
-let _vue_compiler_sfc = require("@vue/compiler-sfc");
 let magic_string = require("magic-string");
 magic_string = __toESM(magic_string);
+let node_module = require("node:module");
 //#region src/vue-to-tsx.ts
 /**
+* Vue's SFC compiler, loaded the first time a `.vue` file is actually parsed.
+*
+* This plugin is auto-injected into every project, so a static import made every build of every
+* project — Vue or not — pay 55ms to load a compiler most of them never call. The `parser:before`
+* hook is synchronous, so this is a lazy `require` rather than a dynamic import.
+*/
+let parseSfc;
+const parse = (...args) => {
+	return (parseSfc ??= (0, node_module.createRequire)(require("url").pathToFileURL(__filename).href)("@vue/compiler-sfc").parse)(...args);
+};
+/**
 * @see https://github.com/vuejs/core/blob/d2c3d8b70b2df6e16f053a7ac58e6b04e7b2078f/packages/compiler-core/src/ast.ts#L28-L60
 * import { NodeTypes } from '@vue/compiler-core' isn't working for some reason (?)
 *  Cannot read properties of undefined (reading 'ELEMENT')
@@ -61,7 +72,7 @@ const NodeTypes = {
 };
 const vueToTsx = (code) => {
 	try {
-		const parsed = (0, _vue_compiler_sfc.parse)(code);
+		const parsed = parse(code);
 		const fileStr = new magic_string.default(`<template>${parsed.descriptor.template?.content}</template>`);
 		const rewriteProp = (prop) => {
 			if (prop.type === NodeTypes.DIRECTIVE && prop.exp?.type === NodeTypes.SIMPLE_EXPRESSION && prop.arg?.type === NodeTypes.SIMPLE_EXPRESSION) fileStr.replace(prop.loc.source, `${prop.arg.content}={${prop.exp.content}}`);

package/dist/index.mjs

@@ -1,7 +1,18 @@
-import { parse } from "@vue/compiler-sfc";
+import { createRequire } from "node:module";
 import MagicString from "magic-string";
 //#region src/vue-to-tsx.ts
 /**
+* Vue's SFC compiler, loaded the first time a `.vue` file is actually parsed.
+*
+* This plugin is auto-injected into every project, so a static import made every build of every
+* project — Vue or not — pay 55ms to load a compiler most of them never call. The `parser:before`
+* hook is synchronous, so this is a lazy `require` rather than a dynamic import.
+*/
+let parseSfc;
+const parse = (...args) => {
+	return (parseSfc ??= createRequire(import.meta.url)("@vue/compiler-sfc").parse)(...args);
+};
+/**
 * @see https://github.com/vuejs/core/blob/d2c3d8b70b2df6e16f053a7ac58e6b04e7b2078f/packages/compiler-core/src/ast.ts#L28-L60
 * import { NodeTypes } from '@vue/compiler-core' isn't working for some reason (?)
 *  Cannot read properties of undefined (reading 'ELEMENT')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bamboocss/plugin-vue",
-  "version": "1.45.4",
+  "version": "1.46.0",
   "description": "Bamboo CSS plugin for Vue single file component support",
   "homepage": "https://bamboocss.com",
   "license": "MIT",
@@ -35,7 +35,7 @@
   "dependencies": {
     "@vue/compiler-sfc": "3.5.41",
     "magic-string": "0.30.21",
-    "@bamboocss/types": "1.45.4"
+    "@bamboocss/types": "1.46.0"
   },
   "devDependencies": {
     "@vue/compiler-core": "3.5.41"