\u003Cnuxt-link to=\"/\">Home\u003C/nuxt-link>\r\n \u003Cbr />\u003Cnuxt-link to=\"/todos\">Todos\u003C/nuxt-link>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nconst feathers = require('feathers/client');\r\nconst socketio = require('feathers-socketio/client');\r\nconst io = require('socket.io-client');\r\n\r\nconst socket = io('');\r\nconst app = feathers();\r\n\r\n// Set up Socket.io client with the socket\r\napp.configure(socketio(socket));\r\n\r\nexport default {\r\n async asyncData ({ req, params }) {\r\n const todo = await app.service('api/v1/todos').get(params.id);\r\n return {\r\n renderer: req ? 'server' : 'client',\r\n todo: todo,\r\n }\r\n }\r\n}\r\n\u003C/script>\r\n```\r\n\r\nThe Feathers + Nuxt + VueJS tutorial covered adding rendering, but not full isomorphic integration for anything not static.\r\n\r\nThis file:\r\n- :white_check_mark: correctly acquires the `:id` Todo object from websockets when navigated to (clientside render)\r\n- :x: is not able to acquire `:id` Todo object from websockets on fresh arrival (serverside render) (it times out, mostly)\r\n- :x: the socketio connection gets initiated multiple times. I haven't been able to find any reference material for having it happen once, either globally on start on globally on first demand.\r\n\r\nI think this would be solved for me if `app` from `app.service('api/v1/todos')` was client/server agnostically defined somewhere else, but I can't find any reference material for this. All the documentation I've seen so far assumes that you'll be using axios, which I assume makes an internal api request?\r\n\r\nAny ideas?\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/c588\">#c588\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2071],{"name":1991,"color":1992},680,"Isomorphic examples with data without axios?","2023-01-18T15:39:39Z","https://github.com/nuxt/nuxt/issues/680",0.6876905,{"description":2078,"labels":2079,"number":2081,"owner":1994,"repository":1994,"state":1995,"title":2082,"updated_at":2083,"url":2084,"score":2085},"\u003C!--\r\n🚨 IMPORTANT 🚨\r\n\r\nPlease use the following link to create a new issue:\r\n\r\n- 🚨 Bug report - https://bug.nuxtjs.org/ \r\n- 🙋 Feature request - https://feature.nuxtjs.org/ \r\n- 🤔 Help wanted - https://otechie.com/nuxt \r\n- ❗️ All other issues - https://cmty.nuxtjs.org/ \r\n\r\nIf your issue was not created using the app above, **it will be closed immediately**.\r\n-->\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8917\">#c8917\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2080],{"name":1991,"color":1992},5372,"support \u003Cnuxt keep-alive include> ?","2023-01-18T20:10:50Z","https://github.com/nuxt/nuxt/issues/5372",0.68866575,["Reactive",2087],{},["Set"],["ShallowReactive",2090],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"GU01OrTMEdPBfpINxZ3mU3kiWBjh78iPBjEeW0pTZJY":-1},"/nuxt/nuxt/307"]