From 3223983f7503e233acef09229537f48cae0cfbc6 Mon Sep 17 00:00:00 2001 From: David Mears <60350599+david-mears-2@users.noreply.github.com> Date: Thu, 28 Nov 2024 13:47:55 +0000 Subject: [PATCH] docs: Nuxt 2 --> 3 (#2766) Co-authored-by: Eduardo San Martin Morote Co-authored-by: Eduardo San Martin Morote --- packages/docs/ssr/nuxt.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/docs/ssr/nuxt.md b/packages/docs/ssr/nuxt.md index 416a80313e..592ab0fca3 100644 --- a/packages/docs/ssr/nuxt.md +++ b/packages/docs/ssr/nuxt.md @@ -64,18 +64,18 @@ await useAsyncData('user', () => store.fetchUser().then(() => true)) ::: tip -If you want to use a store outside of `setup()`, remember to pass the `pinia` object to `useStore()`. We added it to [the context](https://nuxtjs.org/docs/2.x/internals-glossary/context) so you have access to it in `asyncData()` and `fetch()`: +If you want to use a store outside of `setup()` or an _injection aware_ context (e.g. Navigation guards, other stores, Nuxt Middlewares, etc), remember to pass the `pinia` instance to `useStore()`, for the reasons alluded to [here](https://pinia.vuejs.org/core-concepts/outside-component-usage.html#SSR-Apps). Retrieving the `pinia` instance might vary. -```js +```ts import { useStore } from '~/stores/myStore' -export default { - asyncData({ $pinia }) { - const store = useStore($pinia) - }, -} +// this line is usually inside a function that is able to retrieve +// the pinia instance +const store = useStore(pinia) ``` +Fortunately, most of the time you **don't need to go through this hassle**. + ::: ## Auto imports