\n \u003Cinput\n ref=\"secondInput\"\n v-model=\"secondValue\"\n @keyup.enter=\"handleSecondInputEnter\"\n placeholder=\"Second Input\"\n />\n \u003C/div>\n\u003C/template>\n\n\u003Cscript setup>\nimport { ref } from \"vue\";\n\nconst firstInput = ref(null);\nconst secondInput = ref(null);\n\nconst firstValue = ref(\"\");\nconst secondValue = ref(\"\");\n\nconst handleFirstInputEnter = () => {\n // Any specific logic for first input enter\n};\n\nconst handleSecondInputEnter = () => {\n // Switch focus back to first input when enter is pressed in second input\n firstInput.value.focus();\n};\n\u003C/script>\n```\n\n**Not working example UInput**\n\n```\n\u003Ctemplate>\n \u003Cdiv>\n \u003CUInput\n ref=\"firstInput\"\n v-model=\"firstValue\"\n @keyup.enter=\"handleFirstInputEnter\"\n placeholder=\"First Input\"\n />\n \u003CUInput\n ref=\"secondInput\"\n v-model=\"secondValue\"\n @keyup.enter=\"handleSecondInputEnter\"\n placeholder=\"Second Input\"\n />\n \u003C/div>\n\u003C/template>\n\n\u003Cscript setup>\nimport { ref } from \"vue\";\n\nconst firstInput = ref(null);\nconst secondInput = ref(null);\n\nconst firstValue = ref(\"\");\nconst secondValue = ref(\"\");\n\nconst handleFirstInputEnter = () => {\n // Any specific logic for first input enter\n};\n\nconst handleSecondInputEnter = () => {\n // Switch focus back to first input when enter is pressed in second input\n firstInput.value.focus();\n};\n\u003C/script>\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3111],{"name":3036,"color":3037},2841,"ref is not working probably for \u003CUInput>","2024-12-06T14:44:22Z","https://github.com/nuxt/ui/issues/2841",0.68412066,{"description":3118,"labels":3119,"number":3123,"owner":3025,"repository":3025,"state":3067,"title":3124,"updated_at":3125,"url":3126,"score":3127},"Despite SSR as false on the configuration, i have a \r\n\"document is not defined\" or \"window is not defined\"\r\n\r\nnuxt Config file\r\n```\r\nplugins: [{ src: '~/plugins/vuehoteldatepicker', ssr: false }],\r\n build: {\r\n vendor: ['axios','vue-hotel-datepicker'],\r\n```\r\nPlugin file\r\n```\r\nimport Vue from 'vue'\r\nimport VueHotelDatepicker from 'vue-hotel-datepicker'\r\n\r\nVue.use(VueHotelDatepicker)\r\n\r\nexport default VueHotelDatepicker\r\n```\r\n\r\nPage\r\n```\r\n\u003Ctemplate>\r\n \u003Csection class=\"container\">\r\n \u003CVueHotelDatepicker format=\"DD/MM/YYYY\">\r\n \u003C/VueHotelDatepicker>\r\n \u003C/section>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nimport VueHotelDatepicker from '~/plugins/vuehoteldatepicker'\r\nexport default {\r\n head () {\r\n return {\r\n title: 'Test'\r\n }\r\n },\r\n components: {\r\n VueHotelDatepicker: VueHotelDatepicker\r\n }\r\n}\r\n\u003C/script>\r\n\r\n```\r\n\r\nI need some help :) Did i something wrong ?\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/c1784\">#c1784\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3120],{"name":3121,"color":3122},"2.x","d4c5f9",2009,"Despite SSR = false, ... Error \"ReferenceError: document is not defined\"","2023-01-18T15:42:55Z","https://github.com/nuxt/nuxt/issues/2009",0.6888961,{"description":3129,"labels":3130,"number":3134,"owner":3025,"repository":3025,"state":3067,"title":3135,"updated_at":3136,"url":3137,"score":3138},"Hey!\r\nFirst off, thanks for an awesome framework!\r\n\r\ni'm trying to use keen-ui with nuxt.js and ran in to some problems. i have read all documentation i can find but still unable to find an answer.\r\n\r\nkeen-ui is here:\r\nhttps://github.com/JosephusPaye/Keen-UI\r\n\r\nThis is the info i can find about nuxt and server side rendering.\r\nhttps://nuxtjs.org/guide/plugins#vue-plugins\r\nhttps://nuxtjs.org/faq/window-document-undefined/\r\n\r\nThis documentation still does not explain how to handle a gui for a whole application with serverside rendering. A problem i think almost everybody will have at some point in the process of making something useful...\r\n\r\nAs soon as i run `import KeenUI from 'keen-ui';` i get the \"document is not defined error\" so the check for browser has not even happened yet...\r\n\r\nCan somebody can give any more pointers how to correctly import and use gui-libraries in nuxt.js, with a use case for a simple template using a component?\r\n\r\nI'm starting to think that maybe its impossible to use keen-ui with serverside rendering as it is. If thats the case i will post an issue there as well, just let me know\r\n\r\nthanks!\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/c207\">#c207\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3131,3133],{"name":3097,"color":3132},"cc317c",{"name":3121,"color":3122},245,"ReferenceError: document is not defined","2023-01-18T15:38:39Z","https://github.com/nuxt/nuxt/issues/245",0.6964534,["Reactive",3140],{},["Set"],["ShallowReactive",3143],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f4EuQnlTpNv74xB5JyfWg0AE9Nkq_0OKc82N5t8-yCz0":-1},"/nuxt/test-utils/1120"]