diff --git a/examples/sites/playground.html b/examples/sites/playground.html
index 14fd0cc76b..bbe3d1190b 100644
--- a/examples/sites/playground.html
+++ b/examples/sites/playground.html
@@ -5,6 +5,10 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + Vue</title>
+    <script>
+      const cdnHost = 'https://unpkg.com'
+      window.localStorage.setItem('setting-cdn', cdnHost)
+    </script>
   </head>
   <body>
     <div id="app"></div>
diff --git a/examples/sites/playground/App.vue b/examples/sites/playground/App.vue
index 385efa4bb5..ec5db0dcab 100644
--- a/examples/sites/playground/App.vue
+++ b/examples/sites/playground/App.vue
@@ -13,8 +13,7 @@ import Share from './icons/Share.vue'
 
 const versions = ['3.11', '3.10', '3.9', '3.8']
 const latestVersion = versions[0]
-const cdnHost = 'https://unpkg.com'
-window.localStorage.setItem('setting-cdn', cdnHost)
+const cdnHost = window.localStorage.getItem('setting-cdn')
 
 const searchObj = new URLSearchParams(location.search)
 const tinyMode = searchObj.get('mode')
