refactor(nuxt): use object syntax for nuxt 3 plugin (#2588)

Co-authored-by: Julien Huang <[email protected]>
vuejs · Feb 23, 2024 · e90ec25 · e90ec25
1 parent eb420ee
commit e90ec25
Showing 1 changed file with 17 additions and 14 deletions.
diff --git a/packages/nuxt/src/runtime/plugin.vue3.ts b/packages/nuxt/src/runtime/plugin.vue3.ts
@@ -2,22 +2,25 @@ import { createPinia, setActivePinia } from 'pinia'
 import type { Pinia } from 'pinia'
 import { defineNuxtPlugin, Plugin } from '#app'
 
-const plugin: Plugin<{ pinia: Pinia }> = defineNuxtPlugin((nuxtApp) => {
-  const pinia = createPinia()
-  nuxtApp.vueApp.use(pinia)
-  setActivePinia(pinia)
+const plugin: Plugin<{ pinia: Pinia }> = defineNuxtPlugin({
+  name: 'pinia',
+  setup(nuxtApp) {
+    const pinia = createPinia()
+    nuxtApp.vueApp.use(pinia)
+    setActivePinia(pinia)
 
-  if (process.server) {
-    nuxtApp.payload.pinia = pinia.state.value
-  } else if (nuxtApp.payload && nuxtApp.payload.pinia) {
-    pinia.state.value = nuxtApp.payload.pinia
-  }
+    if (process.server) {
+      nuxtApp.payload.pinia = pinia.state.value
+    } else if (nuxtApp.payload && nuxtApp.payload.pinia) {
+      pinia.state.value = nuxtApp.payload.pinia
+    }
 
-  // Inject $pinia
-  return {
-    provide: {
-      pinia,
-    },
+    // Inject $pinia
+    return {
+      provide: {
+        pinia,
+      },
+    }
   }
 })