From 637133d6acb730561a730b5371101ddead8f35f8 Mon Sep 17 00:00:00 2001
From: Jon Robson <jdlrobson@gmail.com>
Date: Fri, 20 Sep 2024 17:26:24 -0700
Subject: [PATCH] Handle print.less import

---
 src/pages/Add.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pages/Add.vue b/src/pages/Add.vue
index 5bdd6cf..179bad9 100644
--- a/src/pages/Add.vue
+++ b/src/pages/Add.vue
@@ -130,6 +130,16 @@ const DEFAULT_SKIN_PROPS = {
 	mustache: DEFAULT_SKIN_MUSTACHE
 };
 
+/**
+ * Clears all import statements from the string.
+ * I couldn't work out how to setup print.less locally...
+ *
+ * @param {string} str
+ * @return {string}
+ */
+const clearImports = (str) => {
+	return str.replace(/@import ["'][^"']*["'];/g, '' );
+}
 function getCached() {
 	const props = {};
 	Object.keys( ( DEFAULT_SKIN_PROPS ) ).forEach( ( key ) => {
@@ -287,7 +297,7 @@ export default {
 				const lessVars = tokens + '\n' + getLessVarsCode( this.variables );
 
 				less.render(
-					`${lessVars}${this.less}${imports}`,
+					`${lessVars}${clearImports(this.less)}${imports}`,
 					LESS_RENDER_OPTIONS
 				).then( ( compiledLess ) => {
 					css = compiledLess.css;