element-plus / element-plus-nuxt-starter

🌰 A starter example for element-plus with Nuxt 3.
https://element-plus-nuxt.vercel.app
MIT License
289 stars 82 forks source link

[Question] How to set ssr ID_INJECTION_KEY in nuxt? #45

Closed maicWorkGithub closed 2 years ago

maicWorkGithub commented 2 years ago
  const { app, router, head } = createApp()

  app.provide(ID_INJECTION_KEY, {
    prefix: Math.floor(Math.random() * 10000),
    current: 0,
  })

https://github.com/element-plus/element-plus/issues/7963#issuecomment-1140478437

maicWorkGithub commented 2 years ago
import { ID_INJECTION_KEY } from "element-plus";
import type { NuxtApp } from "nuxt3/app";
import { defineNuxtPlugin } from "nuxt3/app";

export default defineNuxtPlugin((nuxtApp: NuxtApp) => {
  const elementPlusPlugin = {};
  nuxtApp.vueApp.provide(ID_INJECTION_KEY, {
    prefix: Math.floor(Math.random() * 10000),
    current: 0,
  });
});
maicWorkGithub commented 2 years ago

这个能不能集成到内部,外面只接收一个是否是ssr的布尔值,或者框架自动检测是不是ssr?

YunYouJun commented 2 years ago

@tolking What do you think?