fix: import element bundle (#297)

* fix: import whole build bundle from pr

* fix: import build bundle if exist

* chore: refact

* chore: add comment

* chore: use pr number

* chore: remove check pr number

Author: Dsaquel

package.json

@@ -18,7 +18,8 @@
     "lint": "eslint --cache --max-warnings 0 .",
     "lint:fix": "pnpm run lint --fix",
     "typecheck": "vue-tsc --noEmit",
-    "release": "bumpp"
+    "release": "bumpp",
+    "format": "prettier --write --cache ."
   },
   "dependencies": {
     "@unocss/reset": "^0.62.3",

src/composables/store.ts

@@ -47,6 +47,8 @@ export const useStore = (initial: Initial) => {
   const pr =
     new URLSearchParams(location.search).get('pr') ||
     saved?._o?.styleSource?.split('-', 2)[1]
+  const prUrl = `https://preview-${pr}-element-plus.surge.sh/bundle/dist`
+
   const versions = reactive<Versions>({
     vue: 'latest',
     elementPlus: pr ? 'preview' : 'latest',
@@ -55,9 +57,10 @@ export const useStore = (initial: Initial) => {
   const userOptions: UserOptions = pr
     ? {
         showHidden: true,
-        styleSource: `https://preview-${pr}-element-plus.surge.sh/bundle/index.css`,
+        styleSource: `${prUrl}/index.css`,
       }
     : {}
+
   const hideFile = !IS_DEV && !userOptions.showHidden
 
   const [nightly, toggleNightly] = useToggle(false)
@@ -66,7 +69,7 @@ export const useStore = (initial: Initial) => {
     if (pr)
       importMap = mergeImportMap(importMap, {
         imports: {
-          'element-plus': `https://preview-${pr}-element-plus.surge.sh/bundle/index.full.min.mjs`,
+          'element-plus': `${prUrl}/index.full.min.mjs`,
           'element-plus/': 'unsupported',
         },
       })