\r\n\u003C/template>\r\n```\r\n\r\nI want to have the post components within that page NOT async BUT still dynamic (so I can loop over the array) I want each instance of AbstractPage to be generated as one .js file.\r\nAbstractPage.vue:\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv v-for=\"postRoute of posts[page]\">\r\n \u003Ccomponent :is=\"postComponents.find(comp => comp.route === postRoute)\"/>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\nfor (const postRoute of posts[this.page]) {\r\n const filename = routeToComponentFilename(postRoute)\r\n let esComponent = await import(`../PromoCards/${filename}`)\r\n const component = {\r\n route: postRoute,\r\n component: esComponent.default\r\n }\r\n this.postComponents.push(component)\r\n}\r\n```\r\n\r\nMy end goal for network requests (simplified) is: \r\nGET index.html\r\nGET app.js\r\nGET page0.js \u003C-- precompiles the dynamic NON async post components\r\n\r\nhere is my repo for more context: https://github.com/Coletrane/mountain-bike-virginia/tree/posts-json-authors-json\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2681\">#c2681\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3124],{"name":3040,"color":3041},3097,"How to use dynamic NON-async components for nuxt generate","2023-01-18T16:09:58Z","https://github.com/nuxt/nuxt/issues/3097",0.7167135,["Reactive",3131],{},["Set"],["ShallowReactive",3134],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fYGC9VfnG7ptM69xcoV5J_Fd9OdxXUk2ESiLYowkkXuQ":-1},"/nuxt/nuxt/1261"]