Use CDN files on website (#18545)

website/playground/buttons.jsx

@@ -1,7 +1,6 @@
+import ClipboardJS from "clipboard";
 import { onMounted, reactive, ref } from "vue";
 
-const { ClipboardJS } = window;
-
 export const Button = (props, { slots, attrs }) => (
   <button type="button" class="btn" {...attrs}>
     {slots.default()}

website/playground/panels.jsx

@@ -137,6 +137,8 @@ function setup(props, { emit }) {
       }
     }
 
+    const lang = await getLanguageExtension(props.mode);
+
     const state = EditorState.create({
       doc: props.value || "",
       extensions: [
@@ -152,7 +154,7 @@ function setup(props, { emit }) {
         props.autoCloseBrackets ? closeBrackets() : undefined,
         props.matchBrackets ? bracketMatching() : undefined,
 
-        languageExt.of(await getLanguageExtension(props.mode)),
+        languageExt.of(lang),
         editorTheme.of(
           theme.value === "dark" ? catppuccinMocha : catppuccinLatte,
         ),

website/playground/urlHash.js

@@ -1,4 +1,4 @@
-const { LZString } = window;
+import LZString from "lz-string";
 
 export function read() {
   const hash = document.location.hash.slice(1);