[{"data":1,"prerenderedAt":174},["ShallowReactive",2],{"category-data-vuex":3},[4],{"id":5,"title":6,"body":7,"description":162,"extension":163,"meta":164,"navigation":169,"ogImage":166,"path":170,"seo":171,"stem":172,"__hash__":173},"content/blogs/6. how-to-fix-vuex-type-issue.md","How to fix vuex type issue",{"type":8,"value":9,"toc":158},"minimark",[10,15,19,23,38,149,154],[11,12,14],"h3",{"id":13},"introduction","Introduction",[16,17,18],"p",{},"In recent version of our vue project, when we try to add vuex we see type error and vuex type not found. We can easily fix that issue.",[11,20,22],{"id":21},"how-to-fix-that-issue","How to fix that issue",[24,25,26,35],"ol",{},[27,28,29,30,34],"li",{},"Create a ",[31,32,33],"code",{},"vuex.d.ts"," file inside of your route project.",[27,36,37],{},"Pase this code in that file",[39,40,45],"pre",{"className":41,"code":42,"language":43,"meta":44,"style":44},"language-ts shiki shiki-themes dracula","declare module 'vuex' {\n  export * from 'vuex/types/index.d.ts'\n  export * from 'vuex/types/helpers.d.ts'\n  export * from 'vuex/types/logger.d.ts'\n  export * from 'vuex/types/vue.d.ts'\n}\n","ts","",[31,46,47,74,95,111,127,143],{"__ignoreMap":44},[48,49,52,56,59,63,67,70],"span",{"class":50,"line":51},"line",1,[48,53,55],{"class":54},"s0Tla","declare",[48,57,58],{"class":54}," module",[48,60,62],{"class":61},"seVfx"," '",[48,64,66],{"class":65},"s-mGx","vuex",[48,68,69],{"class":61},"'",[48,71,73],{"class":72},"sCdxs"," {\n",[48,75,77,80,84,87,89,92],{"class":50,"line":76},2,[48,78,79],{"class":54},"  export",[48,81,83],{"class":82},"sIQBb"," *",[48,85,86],{"class":54}," from",[48,88,62],{"class":61},[48,90,91],{"class":65},"vuex/types/index.d.ts",[48,93,94],{"class":61},"'\n",[48,96,98,100,102,104,106,109],{"class":50,"line":97},3,[48,99,79],{"class":54},[48,101,83],{"class":82},[48,103,86],{"class":54},[48,105,62],{"class":61},[48,107,108],{"class":65},"vuex/types/helpers.d.ts",[48,110,94],{"class":61},[48,112,114,116,118,120,122,125],{"class":50,"line":113},4,[48,115,79],{"class":54},[48,117,83],{"class":82},[48,119,86],{"class":54},[48,121,62],{"class":61},[48,123,124],{"class":65},"vuex/types/logger.d.ts",[48,126,94],{"class":61},[48,128,130,132,134,136,138,141],{"class":50,"line":129},5,[48,131,79],{"class":54},[48,133,83],{"class":82},[48,135,86],{"class":54},[48,137,62],{"class":61},[48,139,140],{"class":65},"vuex/types/vue.d.ts",[48,142,94],{"class":61},[48,144,146],{"class":50,"line":145},6,[48,147,148],{"class":72},"}\n",[24,150,151],{"start":97},[27,152,153],{},"That's it. Your are ok to go.",[155,156,157],"style",{},"html pre.shiki code .s0Tla, html code.shiki .s0Tla{--shiki-default:#FF79C6}html pre.shiki code .seVfx, html code.shiki .seVfx{--shiki-default:#E9F284}html pre.shiki code .s-mGx, html code.shiki .s-mGx{--shiki-default:#F1FA8C}html pre.shiki code .sCdxs, html code.shiki .sCdxs{--shiki-default:#F8F8F2}html pre.shiki code .sIQBb, html code.shiki .sIQBb{--shiki-default:#BD93F9}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":44,"searchDepth":76,"depth":76,"links":159},[160,161],{"id":13,"depth":97,"text":14},{"id":21,"depth":97,"text":22},"In recent vue project we see that vuex type not working properly. We will fix that type issue and make vuex type workable","md",{"date":165,"image":166,"alt":6,"tags":167,"published":169},"9th June 2024","/blogs-img/blog6.jpg",[168,66],"vue",true,"/blogs/how-to-fix-vuex-type-issue",{"title":6,"description":162},"blogs/6. how-to-fix-vuex-type-issue","X0Ij6GDbKFFucQ9hZ41uxQ1S9n6IE8lVWZqUoj2o2nw",1770700754625]