[{"data":1,"prerenderedAt":162},["ShallowReactive",2],{"storyblok:blog\u002Fmigrating-from-nuxt2-to-nuxt3:version=published&resolve_relations=blog-entry.categories":3},{"stories":4,"story":5},[5],{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":153,"full_slug":154,"sort_by_date":38,"position":155,"tag_list":156,"is_startpage":56,"parent_id":157,"meta_data":38,"group_id":158,"first_published_at":159,"release_id":38,"lang":160,"path":38,"alternates":161,"default_full_slug":38,"translated_slugs":38},"Migrating from Nuxt2 to Nuxt3","2022-06-20T17:45:17.737Z","2022-07-08T19:38:35.566Z","2022-07-08T19:38:35.586Z",152916341,"eb2713fb-53d0-4b4c-923f-39a7cc6942ff",{"_uid":13,"date":14,"content":15,"component":150,"categories":151},"2e2dd542-2ef8-4bbd-9040-a7e9d39cfde5","2022-05-28 11:15:29",[16],{"_uid":17,"text":18,"component":26},"eaa44691-e90f-4e16-a1d1-e44efdc1ad06",{"type":19,"content":20},"doc",[21,27,49,53,146],{"type":22,"content":23},"paragraph",[24],{"text":25,"type":26},"To be able to use the latest version of Storyblok I need to switch to nuxt3. It should be too much of an issue. Most things should be able to migrate over.","text",{"type":22,"content":28},[29,31,39,41,47],{"text":30,"type":26},"First I created a new project using ",{"text":32,"type":26,"marks":33},"the guide",[34],{"type":35,"attrs":36},"link",{"href":37,"title":38},"https:\u002F\u002Fv3.nuxtjs.org\u002Fgetting-started\u002Fquick-start",null,{"text":40,"type":26}," on their website and then I started following ",{"text":42,"type":26,"marks":43},"the migration guide",[44],{"type":35,"attrs":45},{"href":46,"title":38},"https:\u002F\u002Fv3.nuxtjs.org\u002Fmigration\u002Foverview",{"text":48,"type":26},".",{"type":22,"content":50},[51],{"text":52,"type":26},"The steps for me were as follows:",{"type":54,"attrs":55,"content":57},"bullet_list",{"tight":56},false,[58,65,78,91,97,103,109,115,121,127,140],{"type":59,"content":60},"list_item",[61],{"type":22,"content":62},[63],{"text":64,"type":26},"Copy over the eslint, git, and nuxt settings.",{"type":59,"content":66},[67],{"type":22,"content":68},[69,71,76],{"text":70,"type":26},"Remove Axios, since I should use ",{"text":72,"type":26,"marks":73},"fetch",[74],{"type":75},"italic",{"text":77,"type":26}," instead.",{"type":59,"content":79},[80],{"type":22,"content":81},[82,84,90],{"text":83,"type":26},"Remove GTM and ",{"text":85,"type":26,"marks":86},"replace it with a script tag in nuxt.config.js",[87],{"type":35,"attrs":88},{"href":89,"title":38},"https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fframework\u002Fdiscussions\u002F5131",{"text":48,"type":26},{"type":59,"content":92},[93],{"type":22,"content":94},[95],{"text":96,"type":26},"Add gtm and Storyblok using yarn.",{"type":59,"content":98},[99],{"type":22,"content":100},[101],{"text":102,"type":26},"Migrate components, layouts, pages, plugins, static, store, styles and utils.",{"type":59,"content":104},[105],{"type":22,"content":106},[107],{"text":108,"type":26},"Switch from to in layouts.",{"type":59,"content":110},[111],{"type":22,"content":112},[113],{"text":114,"type":26},"_slug.vue => [slug].vue.",{"type":59,"content":116},[117],{"type":22,"content":118},[119],{"text":120,"type":26},"Change from defineComponent to defineNuxtComponent.",{"type":59,"content":122},[123],{"type":22,"content":124},[125],{"text":126,"type":26},"Switch from adding composition API to just using ref(), pure functions, computed() etc without adding anything.",{"type":59,"content":128},[129],{"type":22,"content":130},[131,133,139],{"text":132,"type":26},"Rewrite plugins to use ",{"text":134,"type":26,"marks":135},"useNuxtApp",[136],{"type":35,"attrs":137},{"href":138,"title":38},"https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fframework\u002Fdiscussions\u002F1242",{"text":48,"type":26},{"type":59,"content":141},[142],{"type":22,"content":143},[144],{"text":145,"type":26},"Switch from \u003CNuxtLink> to \u003Ca> for anchor links.",{"type":22,"content":147},[148],{"text":149,"type":26},"The site is now working with Nuxt3! Now I just need to make the content work, but since I am planning on switching to Storyblok I wont make the old content work.","blog-entry",[152],"36c5f0a3-3461-4b49-9758-537bdda01a2c","migrating-from-nuxt2-to-nuxt3","blog\u002Fmigrating-from-nuxt2-to-nuxt3",60,[],152811822,"757e57ef-c70e-4474-936c-2c6da3f4051e","2022-05-28T11:15:29.000Z","default",[],1787062196650]