{"id":6043,"date":"2026-08-07T11:11:54","date_gmt":"2026-08-07T11:11:54","guid":{"rendered":"https:\/\/enigmametaverse.com\/?p=6043"},"modified":"2026-08-07T11:11:55","modified_gmt":"2026-08-07T11:11:55","slug":"vue-3-state-management-with-pinia","status":"publish","type":"post","link":"https:\/\/enigmametaverse.com\/it\/vue-3-state-management-with-pinia\/","title":{"rendered":"State Management Documentation: Vue 3 +\u00a0Pinia\u00a0"},"content":{"rendered":"

What is State Management?<\/strong> <\/h2>\n\n\n\n

State management is the systematic handling of application data across components. In frontend applications, it ensures consistent data flow, predictable updates, and maintainable code structure. <\/p>\n\n\n\n

Why Pinia?<\/strong> <\/h2>\n\n\n\n

Pinia is the official state management library for Vue 3, replacing Vuex. It offers: <\/p>\n\n\n\n

    \n
  • TypeScript\u00a0support\u00a0out of the box\u00a0<\/li>\n<\/ul>\n\n\n\n
      \n
    • Composition API syntax\u00a0<\/li>\n<\/ul>\n\n\n\n
        \n
      • DevTools\u00a0integration\u00a0<\/li>\n<\/ul>\n\n\n\n
          \n
        • Modular architecture\u00a0<\/li>\n<\/ul>\n\n\n\n
            \n
          • Less boilerplate code\u00a0<\/li>\n<\/ul>\n\n\n\n

            1. Store Definition<\/strong> <\/h2>\n\n\n\n

            A store is a reactive container holding state and business logic. <\/p>\n\n\n\n

            Basic Store Structure:<\/strong> <\/h3>\n\n\n\n

            javascript <\/p>\n\n\n\n

            \/\/ stores\/counter.js<\/em> 
            import { defineStore } from ‘pinia’ 
             
            export const useCounterStore = defineStore(‘counter’, () => { 
              \/\/ State<\/em> 
              const count = ref(0) 
               
              \/\/ Getters (Computed)<\/em> 
              const doubleCount = computed(() => count.value * 2) 
               
              \/\/ Actions (Methods)<\/em> 
              function increment() { 
                count.value++ 
              } 
               
              function reset() { 
                count.value = 0 
              } 
               
              return { count, doubleCount, increment, reset } 
            }) <\/p>\n\n\n\n

            2. State<\/strong> <\/h2>\n\n\n\n

            Reactive data that represents your application’s condition. <\/p>\n\n\n\n

            State Patterns:<\/strong> <\/h3>\n\n\n\n
              \n
            • Use\u00a0ref()\u00a0for primitive values\u00a0<\/li>\n<\/ul>\n\n\n\n
                \n
              • Use\u00a0reactive()\u00a0for objects\u00a0<\/li>\n<\/ul>\n\n\n\n
                  \n
                • Initialize with default values\u00a0<\/li>\n<\/ul>\n\n\n\n
                    \n
                  • Keep state serializable when possible\u00a0<\/li>\n<\/ul>\n\n\n\n

                    3. Getters<\/strong> <\/h2>\n\n\n\n

                    Computed values derived from state. <\/p>\n\n\n\n

                    Getter Characteristics:<\/strong> <\/h3>\n\n\n\n
                      \n
                    • Always return a value\u00a0<\/li>\n<\/ul>\n\n\n\n
                        \n
                      • Can accept arguments\u00a0<\/li>\n<\/ul>\n\n\n\n
                          \n
                        • Cached based on dependencies\u00a0<\/li>\n<\/ul>\n\n\n\n
                            \n
                          • Use other getters\u00a0<\/li>\n<\/ul>\n\n\n\n

                            4. Actions<\/strong> <\/h2>\n\n\n\n

                            Methods that modify state or perform side effects. <\/p>\n\n\n\n

                            Action Guidelines:<\/strong> <\/h3>\n\n\n\n
                              \n
                            • Can be async\/await\u00a0<\/li>\n<\/ul>\n\n\n\n
                                \n
                              • Can call other actions\u00a0<\/li>\n<\/ul>\n\n\n\n
                                  \n
                                • Should\u00a0contain\u00a0business logic\u00a0<\/li>\n<\/ul>\n\n\n\n
                                    \n
                                  • Can call APIs or other stores\u00a0<\/li>\n<\/ul>\n\n\n\n

                                    Store Patterns<\/strong> <\/h2>\n\n\n\n

                                    Basic Store<\/strong> <\/h3>\n\n\n\n

                                    javascript <\/p>\n\n\n\n

                                    \/\/ stores\/user.js<\/em> 
                                    export const useUserStore = defineStore(‘user’, () => { 
                                      const user = ref(null) 
                                      const isLoggedIn = computed(() => !!user.value) 
                                       
                                      async function login(credentials) { 
                                        const response = await api.login(credentials) 
                                        user.value = response.data 
                                      } 
                                       
                                      function logout() { 
                                        user.value = null 
                                      } 
                                       
                                      return { user, isLoggedIn, login, logout } 
                                    }) <\/p>\n\n\n\n

                                    Store with Persistence<\/strong> <\/h3>\n\n\n\n

                                    javascript <\/p>\n\n\n\n

                                    \/\/ stores\/auth.js<\/em> 
                                    export const useAuthStore = defineStore(‘auth’, () => { 
                                      const token = ref(localStorage.getItem(‘token’)) 
                                      const user = ref(JSON.parse(localStorage.getItem(‘user’) || ‘null’)) 
                                       
                                      \/\/ Auto-persist to localStorage<\/em> 
                                      watch(token, (newToken) => { 
                                        if (newToken) localStorage.setItem(‘token’, newToken) 
                                        else localStorage.removeItem(‘token’) 
                                      }) 
                                       
                                      watch(user, (newUser) => { 
                                        if (newUser) localStorage.setItem(‘user’, JSON.stringify(newUser)) 
                                        else localStorage.removeItem(‘user’) 
                                      }) 
                                       
                                      return { token, user } 
                                    }) <\/p>\n\n\n\n

                                    Component Usage<\/strong> <\/h2>\n\n\n\n

                                    Accessing Stores in Components<\/strong> <\/h3>\n\n\n\n

                                    vue <\/p>\n\n\n\n

                                    <template> 
                                      <div> 
                                        <p>Count: {{ counter.count }}<\/p> 
                                        <p>Double: {{ counter.doubleCount }}<\/p> 
                                        <button @click=”counter.increment”>Increment<\/button> 
                                        <button @click=”counter.reset”>Reset<\/button> 
                                      <\/div> 
                                    <\/template> 
                                     
                                    <script setup> 
                                    import { useCounterStore } from ‘~\/stores\/counter’ 
                                     
                                    const counter = useCounterStore() 
                                    <\/script> <\/p>\n\n\n\n

                                    Store Destructuring<\/strong> <\/h3>\n\n\n\n

                                    vue <\/p>\n\n\n\n

                                    <script setup> 
                                    import { useCounterStore } from ‘~\/stores\/counter’ 
                                    import { storeToRefs } from ‘pinia’ 
                                     
                                    const counter = useCounterStore() 
                                     
                                    \/\/ Proper destructuring with reactivity<\/em> 
                                    const { count, doubleCount } = storeToRefs(counter) 
                                    const { increment, reset } = counter 
                                    <\/script> <\/p>\n\n\n\n

                                    Advanced Patterns<\/strong> <\/h2>\n\n\n\n

                                    Cross-Store Actions<\/strong> <\/h3>\n\n\n\n

                                    javascript <\/p>\n\n\n\n

                                    \/\/ stores\/cart.js<\/em> 
                                    export const useCartStore = defineStore(‘cart’, () => { 
                                      const items = ref([]) 
                                      const userStore = useUserStore() 
                                       
                                      async function checkout() { 
                                        if (!userStore.isLoggedIn) { 
                                          throw new Error(‘Must be logged in to checkout’) 
                                        } 
                                         
                                        \/\/ Use user data from another store<\/em> 
                                        const order = await api.createOrder({ 
                                          userId: userStore.user.id, 
                                          items: items.value 
                                        }) 
                                         
                                        items.value = [] 
                                        return order 
                                      } 
                                       
                                      return { items, checkout } 
                                    }) <\/p>\n\n\n\n

                                    Async Actions with Loading States<\/strong> <\/h3>\n\n\n\n

                                    javascript <\/p>\n\n\n\n

                                    \/\/ stores\/products.js<\/em> 
                                    export const useProductsStore = defineStore(‘products’, () => { 
                                      const products = ref([]) 
                                      const loading = ref(false) 
                                      const error = ref(null) 
                                       
                                      async function fetchProducts() { 
                                        loading.value = true 
                                        error.value = null 
                                         
                                        try { 
                                          const response = await api.getProducts() 
                                          products.value = response.data 
                                        } catch (err) { 
                                          error.value = err.message 
                                        } finally { 
                                          loading.value = false 
                                        } 
                                      } 
                                       
                                      return { products, loading, error, fetchProducts } 
                                    }) <\/p>","protected":false},"excerpt":{"rendered":"

                                    What is State Management?  State management is the systematic handling of application data across components. In frontend applications, it ensures consistent data flow, predictable updates, and maintainable code structure.  Why Pinia?  Pinia is the official state management library for Vue 3, replacing Vuex. It offers:  1. Store Definition  A store is a reactive container holding state and business […]<\/p>\n","protected":false},"author":2,"featured_media":6044,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-6043","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"yoast_head":"\nState Management Documentation: Vue 3 +\u00a0Pinia\u00a0 - Enigma Metaverse<\/title>\n<meta name=\"description\" content=\"Master Vue 3 state management with Pinia. Learn stores, state, getters, actions, persistence, and best practices for scalable apps.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/enigmametaverse.com\/it\/vue-3-state-management-with-pinia\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"State Management Documentation: Vue 3 +\u00a0Pinia\u00a0 - Enigma Metaverse\" \/>\n<meta property=\"og:description\" content=\"Master Vue 3 state management with Pinia. Learn stores, state, getters, actions, persistence, and best practices for scalable apps.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/enigmametaverse.com\/it\/vue-3-state-management-with-pinia\/\" \/>\n<meta property=\"og:site_name\" content=\"Enigma Metaverse\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/EnigmaMetaverse\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-07T11:11:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-07T11:11:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/enigmametaverse.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-7-2026-04_40_43-PM.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Enigma Metaverse\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@EnigmaMetaverse\" \/>\n<meta name=\"twitter:site\" content=\"@EnigmaMetaverse\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Enigma Metaverse\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/\"},\"author\":{\"name\":\"Enigma Metaverse\",\"@id\":\"https:\/\/enigmametaverse.com\/#\/schema\/person\/8e52133e3cc700baf39c19ab7992e76e\"},\"headline\":\"State Management Documentation: Vue 3 +\u00a0Pinia\u00a0\",\"datePublished\":\"2026-08-07T11:11:54+00:00\",\"dateModified\":\"2026-08-07T11:11:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/\"},\"wordCount\":1189,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/enigmametaverse.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/enigmametaverse.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-7-2026-04_40_43-PM.png\",\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/\",\"url\":\"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/\",\"name\":\"State Management Documentation: Vue 3 +\u00a0Pinia\u00a0 - Enigma Metaverse\",\"isPartOf\":{\"@id\":\"https:\/\/enigmametaverse.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/enigmametaverse.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-7-2026-04_40_43-PM.png\",\"datePublished\":\"2026-08-07T11:11:54+00:00\",\"dateModified\":\"2026-08-07T11:11:55+00:00\",\"description\":\"Master Vue 3 state management with Pinia. Learn stores, state, getters, actions, persistence, and best practices for scalable apps.\",\"breadcrumb\":{\"@id\":\"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/#primaryimage\",\"url\":\"https:\/\/enigmametaverse.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-7-2026-04_40_43-PM.png\",\"contentUrl\":\"https:\/\/enigmametaverse.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-7-2026-04_40_43-PM.png\",\"width\":1536,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/enigmametaverse.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"State Management Documentation: Vue 3 +\u00a0Pinia\u00a0\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/enigmametaverse.com\/#website\",\"url\":\"https:\/\/enigmametaverse.com\/\",\"name\":\"Enigma Metaverse\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/enigmametaverse.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/enigmametaverse.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/enigmametaverse.com\/#organization\",\"name\":\"Enigma Metaverse\",\"url\":\"https:\/\/enigmametaverse.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/enigmametaverse.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/enigmametaverse.com\/wp-content\/uploads\/2025\/03\/enigmametaverse-white-logo.svg\",\"contentUrl\":\"https:\/\/enigmametaverse.com\/wp-content\/uploads\/2025\/03\/enigmametaverse-white-logo.svg\",\"width\":125,\"height\":35,\"caption\":\"Enigma Metaverse\"},\"image\":{\"@id\":\"https:\/\/enigmametaverse.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/EnigmaMetaverse\",\"https:\/\/x.com\/EnigmaMetaverse\",\"http:\/\/instagram.com\/EnigmaMetaverse\",\"https:\/\/www.linkedin.com\/company\/EnigmaMetaverse\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/enigmametaverse.com\/#\/schema\/person\/8e52133e3cc700baf39c19ab7992e76e\",\"name\":\"Enigma Metaverse\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/enigmametaverse.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ffb931a8d36a9ce6976a0a4d7821661b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ffb931a8d36a9ce6976a0a4d7821661b?s=96&d=mm&r=g\",\"caption\":\"Enigma Metaverse\"},\"sameAs\":[\"http:\/\/enigmametaverse.com\"],\"url\":\"https:\/\/enigmametaverse.com\/it\/author\/enigmametaverse\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"State Management Documentation: Vue 3 +\u00a0Pinia\u00a0 - Enigma Metaverse","description":"Master Vue 3 state management with Pinia. Learn stores, state, getters, actions, persistence, and best practices for scalable apps.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/enigmametaverse.com\/it\/vue-3-state-management-with-pinia\/","og_locale":"it_IT","og_type":"article","og_title":"State Management Documentation: Vue 3 +\u00a0Pinia\u00a0 - Enigma Metaverse","og_description":"Master Vue 3 state management with Pinia. Learn stores, state, getters, actions, persistence, and best practices for scalable apps.","og_url":"https:\/\/enigmametaverse.com\/it\/vue-3-state-management-with-pinia\/","og_site_name":"Enigma Metaverse","article_publisher":"https:\/\/www.facebook.com\/EnigmaMetaverse","article_published_time":"2026-08-07T11:11:54+00:00","article_modified_time":"2026-08-07T11:11:55+00:00","og_image":[{"width":1536,"height":1024,"url":"https:\/\/enigmametaverse.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-7-2026-04_40_43-PM.png","type":"image\/png"}],"author":"Enigma Metaverse","twitter_card":"summary_large_image","twitter_creator":"@EnigmaMetaverse","twitter_site":"@EnigmaMetaverse","twitter_misc":{"Scritto da":"Enigma Metaverse","Tempo di lettura stimato":"3 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/#article","isPartOf":{"@id":"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/"},"author":{"name":"Enigma Metaverse","@id":"https:\/\/enigmametaverse.com\/#\/schema\/person\/8e52133e3cc700baf39c19ab7992e76e"},"headline":"State Management Documentation: Vue 3 +\u00a0Pinia\u00a0","datePublished":"2026-08-07T11:11:54+00:00","dateModified":"2026-08-07T11:11:55+00:00","mainEntityOfPage":{"@id":"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/"},"wordCount":1189,"commentCount":0,"publisher":{"@id":"https:\/\/enigmametaverse.com\/#organization"},"image":{"@id":"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/#primaryimage"},"thumbnailUrl":"https:\/\/enigmametaverse.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-7-2026-04_40_43-PM.png","articleSection":["Uncategorized"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/","url":"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/","name":"State Management Documentation: Vue 3 +\u00a0Pinia\u00a0 - Enigma Metaverse","isPartOf":{"@id":"https:\/\/enigmametaverse.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/#primaryimage"},"image":{"@id":"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/#primaryimage"},"thumbnailUrl":"https:\/\/enigmametaverse.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-7-2026-04_40_43-PM.png","datePublished":"2026-08-07T11:11:54+00:00","dateModified":"2026-08-07T11:11:55+00:00","description":"Master Vue 3 state management with Pinia. Learn stores, state, getters, actions, persistence, and best practices for scalable apps.","breadcrumb":{"@id":"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/#primaryimage","url":"https:\/\/enigmametaverse.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-7-2026-04_40_43-PM.png","contentUrl":"https:\/\/enigmametaverse.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-7-2026-04_40_43-PM.png","width":1536,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/enigmametaverse.com\/vue-3-state-management-with-pinia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/enigmametaverse.com\/"},{"@type":"ListItem","position":2,"name":"State Management Documentation: Vue 3 +\u00a0Pinia\u00a0"}]},{"@type":"WebSite","@id":"https:\/\/enigmametaverse.com\/#website","url":"https:\/\/enigmametaverse.com\/","name":"Enigma Metaverse","description":"","publisher":{"@id":"https:\/\/enigmametaverse.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/enigmametaverse.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/enigmametaverse.com\/#organization","name":"Enigma Metaverse","url":"https:\/\/enigmametaverse.com\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/enigmametaverse.com\/#\/schema\/logo\/image\/","url":"https:\/\/enigmametaverse.com\/wp-content\/uploads\/2025\/03\/enigmametaverse-white-logo.svg","contentUrl":"https:\/\/enigmametaverse.com\/wp-content\/uploads\/2025\/03\/enigmametaverse-white-logo.svg","width":125,"height":35,"caption":"Enigma Metaverse"},"image":{"@id":"https:\/\/enigmametaverse.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/EnigmaMetaverse","https:\/\/x.com\/EnigmaMetaverse","http:\/\/instagram.com\/EnigmaMetaverse","https:\/\/www.linkedin.com\/company\/EnigmaMetaverse"]},{"@type":"Person","@id":"https:\/\/enigmametaverse.com\/#\/schema\/person\/8e52133e3cc700baf39c19ab7992e76e","name":"Enigma Metaverse","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/enigmametaverse.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ffb931a8d36a9ce6976a0a4d7821661b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ffb931a8d36a9ce6976a0a4d7821661b?s=96&d=mm&r=g","caption":"Enigma Metaverse"},"sameAs":["http:\/\/enigmametaverse.com"],"url":"https:\/\/enigmametaverse.com\/it\/author\/enigmametaverse\/"}]}},"_links":{"self":[{"href":"https:\/\/enigmametaverse.com\/it\/wp-json\/wp\/v2\/posts\/6043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/enigmametaverse.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/enigmametaverse.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/enigmametaverse.com\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/enigmametaverse.com\/it\/wp-json\/wp\/v2\/comments?post=6043"}],"version-history":[{"count":1,"href":"https:\/\/enigmametaverse.com\/it\/wp-json\/wp\/v2\/posts\/6043\/revisions"}],"predecessor-version":[{"id":6045,"href":"https:\/\/enigmametaverse.com\/it\/wp-json\/wp\/v2\/posts\/6043\/revisions\/6045"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/enigmametaverse.com\/it\/wp-json\/wp\/v2\/media\/6044"}],"wp:attachment":[{"href":"https:\/\/enigmametaverse.com\/it\/wp-json\/wp\/v2\/media?parent=6043"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/enigmametaverse.com\/it\/wp-json\/wp\/v2\/categories?post=6043"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/enigmametaverse.com\/it\/wp-json\/wp\/v2\/tags?post=6043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}