From 46e8b7a469f90bcda8cc26046babda4aa8657cc4 Mon Sep 17 00:00:00 2001 From: Hayleigh Thompson Date: Fri, 20 May 2022 23:19:16 +0100 Subject: :sparkles: Add twind to the examples for nicer styling. --- test/example/index.html | 20 +++++++++++++++++--- 1 file changed, 17 insertions(+), 3 deletions(-) (limited to 'test') diff --git a/test/example/index.html b/test/example/index.html index baaf9ed..f7432b9 100644 --- a/test/example/index.html +++ b/test/example/index.html @@ -1,5 +1,5 @@ - + @@ -13,11 +13,25 @@ import { main } from 'example/main.mjs' document.addEventListener('DOMContentLoaded', main) + + // This is so dumb. Parcel refuses to work with https imports, and when + // we try to use a script tag it "helpfully" strips the `type="module"` + // attribute meaning the shim doesn't work anyway. + // + // Here we're manually creating the script and setting its source using + // a string to stop parcle meddling with it. It works but,, eesh. + document.querySelector('head').appendChild((() => { + const script = document.createElement('script') + script.type = 'module' + script.innerHTML = `import 'https://cdn.skypack.dev/twind/shim'` + + return script + })()) - -

+ +

\ No newline at end of file -- cgit v1.2.3