\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>",[2098],{"name":2099,"color":2100},"2.x","d4c5f9",680,"Isomorphic examples with data without axios?","2023-01-18T15:39:39Z","https://github.com/nuxt/nuxt/issues/680",0.74566764,{"labels":2107,"number":2111,"owner":1991,"repository":1991,"state":2021,"title":2112,"updated_at":2113,"url":2114,"score":2115},[2108,2109,2110],{"name":2053,"color":2054},{"name":2056,"color":2057},{"name":2060,"color":2061},14440,"[Typescript] useAsyncData looses the type of response, when pick option is not specified for certain types","2023-04-15T10:03:11Z","https://github.com/nuxt/nuxt/issues/14440",0.74623024,["Reactive",2117],{},["Set"],["ShallowReactive",2120],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"favW3SgnhBWiTpnA6wMfZ1MCgV3YDpxNaEw0mS6sCTo":-1},"/nuxt/nuxt.com/1164"]