fix: popperjs

Author: sxzz

app.vue

@@ -1,5 +1,12 @@
+<script setup>
+import { ID_INJECTION_KEY } from 'element-plus'
+
+provide(ID_INJECTION_KEY, {
+  prefix: 100,
+  current: 0,
+})
+</script>
+
 <template>
-  <main>
-    <NuxtPage />
-  </main>
+  <NuxtPage />
 </template>

components/Counter.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ElInputNumber } from "element-plus/dist/index.full.js";
+import { ElInputNumber } from "element-plus";
 const { count } = useCount();
 </script>
 

components/Examples.vue

@@ -59,8 +59,8 @@ import {
   ElConfigProvider,
   ElDatePicker,
   ElMessage,
-} from "element-plus/dist/index.full.js";
-import zhCn from "element-plus/dist/locale/zh-cn.js";
+} from "element-plus";
+import zhCn from "element-plus/es/locale/lang/zh-cn";
 import { Grape, IceCream, IceDrink, ArrowDown } from "@element-plus/icons-vue";
 
 const timeValue = ref("");

components/Logos.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ElIcon } from 'element-plus/dist/index.full.mjs'
+import { ElIcon } from 'element-plus'
 import { Plus } from '@element-plus/icons-vue'
 </script>
 
@@ -13,7 +13,7 @@ import { Plus } from '@element-plus/icons-vue'
     <NuxtLogo class="logo" />
   </div>
   <h2>
-    <a target="_blank" href="https://v3.nuxtjs.org/">Element Plus</a>
+    <a target="_blank" href="https://element-plus.org/">Element Plus</a>
     With
     <a target="_blank" href="https://v3.nuxtjs.org/">NuxtJS</a>
   </h2>

package.json

@@ -30,5 +30,10 @@
     "nuxt": "npm:nuxt3@latest",
     "sass": "^1.50.1",
     "typescript": "^4.6.3"
+  },
+  "pnpm": {
+    "overrides": {
+      "@popperjs/core": "npm:@sxzz/popperjs-es@latest"
+    }
   }
 }