From 54b2cbc608b7b21477509f3fe6d6d3e490967f49 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Tue, 10 Aug 2021 10:45:33 -0400
Subject: [PATCH] inline script + style for codepen

---
 docs/assets/plugins/code-block/code-block.js | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/docs/assets/plugins/code-block/code-block.js b/docs/assets/plugins/code-block/code-block.js
index 12a8178b..79178658 100644
--- a/docs/assets/plugins/code-block/code-block.js
+++ b/docs/assets/plugins/code-block/code-block.js
@@ -53,7 +53,7 @@
 
               <div class="code-block__buttons">
                 <button type="button" class="code-block__button code-block__toggle" aria-expanded="false" aria-controls="${preId}">
-                  SOURCE
+                  View Source
                   <svg
                     viewBox="0 0 24 24"
                     fill="none"
@@ -165,12 +165,16 @@
         tags: ['shoelace', 'web components'],
         editors: '100',
         head: `<meta name="viewport" content="width=device-width">`,
-        css_external: `https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@${version}/dist/themes/light.css`,
+        css_external: ``,
         js_external: ``,
         js_module: true,
-        html: html,
+        html:
+          `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@${version}/dist/themes/light.css">\n` +
+          `<script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@${version}/dist/shoelace.js"></script>\n` +
+          `\n` +
+          html,
         css: `body {\n  font: 16px sans-serif;\n}`,
-        js: `import 'https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@${version}/dist/shoelace.js';`
+        js: ``
       };
 
       const input = document.createElement('input');