docs: use arrow function for state (#643)

diff --git a/packages/docs/core-concepts/state.md b/packages/docs/core-concepts/state.md
index b16d5945df53063f01787526b1cc2d33be472712..2bf388c93c34be6f72de7532572927b0edf15d74 100644 (file)
--- a/packages/docs/core-concepts/state.md
+++ b/packages/docs/core-concepts/state.md
@@ -6,8 +6,8 @@ The state is, most of the time, the central part of your store. People often sta
 import { defineStore } from 'pinia'
 
 const useStore = defineStore('storeId', {
-  // can also be defined with an arrow function if you prefer that syntax
-  state() {
+  // arrow function recommended for full type inference
+  state: () => {
     return {
       // all these properties will have their type inferred automatically
       counter: 0,

diff --git a/packages/docs/introduction.md b/packages/docs/introduction.md
index 7dc00a6b6e562712d11f342983f7b00a549488aa..efc976ed0f80b5eb57e3f8d023bed459b1e72745 100644 (file)
--- a/packages/docs/introduction.md
+++ b/packages/docs/introduction.md
@@ -26,7 +26,7 @@ This is what using pinia looks like in terms of API (make sure to check the [Get
 import { defineStore } from 'pinia'
 
 export const useCounterStore = defineStore('counter', {
-  state() {
+  state: () => {
     return { count: 0 }
   },
   // could also be defined as