\n\u003C/UDropdownMenu>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst profilePicture = ref('/this/image/does/not/exist.jpg')\nconst items = [\n[{\n\tlabel: 'Logout',\n\ticon: 'i-lucide-log-out',\n}]\n]\n\u003C/script>\n```\n\n### Description\n\nWhen the `src` of the image in `UAvatar` fails to get resolved for any reason (non-existent resource, network error, refused connection from the requested host, etc), it no longer triggers the expansion of the `UDropdownMenu`. \n\nNote that this might also affect `UPopover`, but I have not tested it yet. I will be able to test it later today.\n\nP.S. @benjamincanac this was the reason I initially included it in the migration guide, because I did not know it only happens on non-resolved images\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2943,2946],{"name":2944,"color":2945},"bug","d73a4a",{"name":2947,"color":2948},"v3","49DCB8",2923,"ui","`UAvatar` with non-resolved `src` fails to trigger `UDropdownMenu`","2025-01-25T13:12:33Z","https://github.com/nuxt/ui/issues/2923",0.74814904,{"description":2956,"labels":2957,"number":2962,"owner":2904,"repository":2904,"state":2906,"title":2963,"updated_at":2964,"url":2965,"score":2966},"Evening,\r\n\r\nhave you considered using https://github.com/vuejs/babel-preset-vue-app as your babel defaults instead of https://nuxtjs.org/api/configuration-build/#babel ?\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/c234\">#c234\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2958,2961],{"name":2959,"color":2960},"available soon","6de8b0",{"name":2915,"color":2916},271,"babel defaults (babel-preset-vue-app)","2023-01-18T15:38:41Z","https://github.com/nuxt/nuxt/issues/271",0.74837416,{"description":2968,"labels":2969,"number":2974,"owner":2904,"repository":2904,"state":2906,"title":2975,"updated_at":2976,"url":2977,"score":2978},"https://router.vuejs.org/en/advanced/lazy-loading.html\r\n\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://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c775\">#c775\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2970,2973],{"name":2971,"color":2972},"question","cc317c",{"name":2915,"color":2916},905,"Lazy Loading Routes","2023-01-18T15:39:56Z","https://github.com/nuxt/nuxt/issues/905",0.7484217,{"description":2980,"labels":2981,"number":2986,"owner":2904,"repository":2904,"state":2906,"title":2987,"updated_at":2988,"url":2989,"score":2990},"Noticed this in development. \r\nLooks like we may need to adapt this solution.\r\n\r\nset a heartbeat for hot middleware\r\nhttps://github.com/vuejs-templates/webpack/issues/731\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c986\">#c986\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2982,2985],{"name":2983,"color":2984},"enhancement","8DEF37",{"name":2915,"color":2916},1121,"ERR_INCOMPLETE_CHUNKED_ENCODING","2023-01-18T15:40:45Z","https://github.com/nuxt/nuxt/issues/1121",0.7486543,{"description":2992,"labels":2993,"number":2995,"owner":2904,"repository":2904,"state":2906,"title":2996,"updated_at":2997,"url":2998,"score":2999},"```\r\n\"nuxt\": \"^1.0.0-alpha.5\",\r\n\"vue-i18n\": \"^7.0.5\"\r\n```\r\n\r\nHi there,\r\n\r\nI've got difficulties to fill the i18n `messages` property from a remote file (collaborative translation).\r\n\r\nIn other words, can I set/modify a **plugin** after an `async` operation **and** before the rendering?\r\n\r\nFor now, I feed the store using the `nuxtServerInit` action then I instanciate it this way:\r\n```\r\n// ~/plugins/i18n.js\r\n\r\nimport Vue from 'vue'\r\nimport VueI18n from 'vue-i18n'\r\n\r\nVue.use(VueI18n)\r\n\r\nexport default ({ app, store }) => {\r\n // Set i18n instance on app\r\n app.i18n = new VueI18n({\r\n locale: store.state.locale,\r\n fallbackLocale: store.state.fallbackLocale,\r\n messages: store.state.messages\r\n })\r\n}\r\n```\r\n\r\nBut the problem is the store is empty when the server render my page (still fetching) so I got a `[vue-i18n] Cannot translate the value of keypath 'hello'. Use the value of keypath as default.` warning message and the template updates 1 second after.\r\n\r\nAny ideas?\r\n\r\nThanks",[2994],{"name":2915,"color":2916},1156,"Async messages for i18n","2023-01-18T15:40:53Z","https://github.com/nuxt/nuxt/issues/1156",0.754707,{"description":3001,"labels":3002,"number":3004,"owner":2904,"repository":2904,"state":2906,"title":3005,"updated_at":3006,"url":3007,"score":3008},"Hi, \r\nfor my e-commerce store I'm writing a very basic i18n plugin. I tried vue-i18n but unfortunately it doesn't play well with SSR, and I risk to get penalised a bit for SEO.\r\nSo the plugin looks like the following:\r\n```Javascript\r\nimport Vue from 'vue'\r\n\r\nconst I18nContent = {\r\n source: {},\r\n getLocale: function (locale) {\r\n this.source = require(`../server/content/locals/${locale}.js`)\r\n }\r\n}\r\n\r\nVue.use(I18nContent)\r\n\r\nexport default ({ app }, inject) => {\r\n app.$i18nContent = I18nContent\r\n}\r\n```\r\n\r\nI can see `$i18nContent` in the nuxtServerInit() function and, based on the request (.fr, .es etc) I can initialize the relevant content. Aa follows:\r\n```Javascript\r\nactions: {\r\n async nuxtServerInit ({ commit }, { req }) {\r\n // some logic where I define my locale and I do other stuff\r\n // ....\r\n // get localized content\r\n this.app.$i18nContent.getLocale(locale)\r\n }\r\n}\r\n```\r\n\r\nThe problem is that I can't access the $i18nContent instance from my Component/page, like so:\r\n```HTML\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Cp>{{ $i18nContent.myKey }}\u003C/p>\r\n \u003C!-- $i18nContent is undefined -->\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nAnyone had a similar issue or suggestion on how to go about it?\r\n\r\nWhen I started the project I was analysing the incoming request on `nuxtSeverInit()` and loading the localised content on the Vuex Store. \r\nHowever, by doing a bit of research I realised this is a wrong approach. \r\nLocal content has nothing to do with the state of the application (at least the static content) and it shouldn't be there. Also, this was causing the source code of the rendered page to be huge (window._NUXT), which could lead to performance issues.\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/c2072\">#c2072\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3003],{"name":2915,"color":2916},2386,"Plugins: custom i18n ","2023-01-18T15:55:11Z","https://github.com/nuxt/nuxt/issues/2386",0.7553734,["Reactive",3010],{},["Set"],["ShallowReactive",3013],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fLaTdb9CeBNwfZ02VBxHuFAzhsoMRwU7MOjRnRU3kZt8":-1},"/nuxt/nuxt.com/1345"]