\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>",[2072],{"name":1985,"color":1986},680,"Isomorphic examples with data without axios?","2023-01-18T15:39:39Z","https://github.com/nuxt/nuxt/issues/680",0.70150733,{"description":2079,"labels":2080,"number":2082,"owner":1988,"repository":1988,"state":1989,"title":2083,"updated_at":2084,"url":2085,"score":2086},"I have a very simple use case.\r\nEmit an event in one component and listen to that event in another component.\r\nIn component1's `methods` block, I am using this piece of code\r\n```\r\nthis.$emit('deletedchip')\r\n```\r\nIn component2's `mounted` block, I am using this piece of code\r\n``` \r\nthis.$on('deletedchip', function(){\r\n//Do something\r\n}) \r\n```\r\nEvent is being emitted but the listener part in component2 is not working. Is there any specific way of dealing this in nuxtjs ?\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/c728\">#c728\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2081],{"name":1985,"color":1986},849,"Event handling in different components ($emit and $on)","2023-01-18T15:39:54Z","https://github.com/nuxt/nuxt/issues/849",0.70278066,["Reactive",2088],{},["Set"],["ShallowReactive",2091],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"jEiRUputs42mYEsKz0GBowsdBJ_7fU-fNpqPHNoqxGE":-1},"/nuxt/nuxt/2880"]