From 902ab85f32eeb63d8d3415230549caa6dc7e99b4 Mon Sep 17 00:00:00 2001
From: konnorrogers <konnor5456@gmail.com>
Date: Fri, 20 Oct 2023 14:24:27 -0400
Subject: [PATCH] fix playgrounds

---
 docs/_includes/playground.njk | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/docs/_includes/playground.njk b/docs/_includes/playground.njk
index 6b5e30f13..9662e119d 100644
--- a/docs/_includes/playground.njk
+++ b/docs/_includes/playground.njk
@@ -4,19 +4,19 @@
 
 <light-pen style="height: 100%; padding: 8px;" resize-position="30">
   <script type="text/plain" slot="html">
-    {% include html_file %}
+
+<script src="/dist/autoloader.js" data-shoelace="/dist" type="module">&lt;/script>
+
+{% include html_file %}
   </script>
 
   <script type="text/plain" slot="css">
-    @import "/dist/themes/default.css";
-    @import "/dist/themes/applied.css";
+@import "/dist/themes/default.css";
+@import "/dist/themes/applied.css";
 
-    {% include css_file %}
+{% include css_file %}
   </script>
 
   <script type="text/plain" slot="js">
-    import { setBasePath } from "/dist/utilities/base-path.js";
-    setBasePath("/dist");
-    import("/dist/autoloader.js");
   </script>
 </light-pen>