\r\n \u003CAppHeader/>\r\n \r\n \u003Cdiv class=\"container\">\r\n \u003Cdiv class=\"columns\">\r\n \r\n \u003Cdiv class=\"column is-two-thirds\">\r\n \u003Cnuxt/>\r\n \u003C/div>\r\n \r\n \u003Cdiv class=\"column\">\r\n \u003Csection class=\"section\">\r\n \u003CTwitterFollowMe/>\r\n \u003Chr/>\r\n \u003Ch2 class=\"title is-2\">Derniers billets\u003C/h2>\r\n \u003CPostsSidebar :posts=\"posts\" />\r\n \u003C/section>\r\n \u003C/div>\r\n \r\n \u003C/div>\r\n \u003C/div>\r\n \u003CAppFooter />\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nimport AppHeader from '~/components/AppHeader'\r\nimport AppNavigation from '~/components/AppNavigation'\r\nimport AppFooter from '~/components/AppFooter'\r\nimport TwitterFollowMe from '~/components/TwitterFollowMe'\r\nimport PostsSidebar from '~/components/PostsSidebar'\r\nimport { getPosts } from '~/services/wpContentApi'\r\n\r\nexport default {\r\n components: { AppHeader, AppNavigation, AppFooter, TwitterFollowMe, PostsSidebar },\r\n data () {\r\n return {\r\n posts: []\r\n }\r\n },\r\n async created () {\r\n this.posts = await getPosts(20)\r\n }\r\n}\r\n\u003C/script>\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/c1197\">#c1197\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2925,2928],{"name":2926,"color":2927},"question","cc317c",{"name":2929,"color":2930},"2.x","d4c5f9",1351,"Server Side Rendering for components called from layouts","2023-01-18T15:41:42Z","https://github.com/nuxt/nuxt/issues/1351",0.7651421,{"description":2937,"labels":2938,"number":2943,"owner":2868,"repository":2868,"state":2870,"title":2944,"updated_at":2945,"url":2946,"score":2947},"### Version\n\n[v2.4.3](https://github.com/nuxt.js/releases/tag/v2.4.3)\n\nBrowser: Chrome 72.0.3626.109\nOS: MacOS 10.13.6 High Sierra\n\n### Reproduction link\n\n[https://codesandbox.io/s/rmmo942z1p](https://codesandbox.io/s/rmmo942z1p)\n\n### Steps to reproduce\n\nThe following `titleTemplate` arrow function produces an error, see below.\n\n### This does not work\n```js\ntitleTemplate: title => (title ? `${title} - ${pkg.name}` : pkg.name),\n```\n\n### This works\nThe only difference is the explicit `return` statement.\n```js\ntitleTemplate: title => {\n return title ? `${title} - ${pkg.name}` : pkg.name\n},\n```\n\n### Error\n\n\n\n### What is expected ?\n\ntitleTemplate function works\n\n### What is actually happening?\n\ntitleTemplate function produces a compile error\n\n\n\n\n\n\u003C!--cmty-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8676\">#c8676\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2939,2942],{"name":2940,"color":2941},"pending triage","E99695",{"name":2929,"color":2930},5051,"titleTemplate with arrow function expression produces an error","2023-01-22T15:33:01Z","https://github.com/nuxt/nuxt/issues/5051",0.7692705,{"description":2949,"labels":2950,"number":2956,"owner":2868,"repository":2897,"state":2870,"title":2957,"updated_at":2958,"url":2959,"score":2960},"### Environment\n\n- Operating System: Windows 10 \n- Node Version: v22.10.0 \n- Nuxt Version: 3.16.0 \n- CLI Version: 3.22.5 \n- Nitro Version: 2.11.5 \n- Package Manager: pnpm@9.15.7 \n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, meta, ssr, runtimeConfig, ui \n- Runtime Modules: @nuxt/ui@3.0.0-beta.3, @nuxt/icon@1.10.3, @nuxt/fonts@0.11.0, @vueuse/nuxt@12.8.2\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nNuxt UI 3.0\n\n### Reproduction\n\n```\n\u003Ctemplate>\n\u003CUInput\n v-model=\"translation\"\n ref=\"translationField\" \n />\n\u003C/template>\n\n\u003Cscript setup>\nconst translationField = ref(null)\n\nfunction nextCard() {\n translationField.value.focus() // throws: 'focus is not a function'\n \n nextTick(() => {\n translationField.value.focus() // same error\n })\n\n // below works ok\n nextTick(() => {\n const input = translationField.value?.$el?.querySelector('input')\n if (input) {\n input.focus()\n }\n })\n}\n\u003C/script>\n```\n\n\n### Description\nStandard Vue method of using template ref (for setting a focus, here) throws: 'focus() is not a function'\nIn the above code snippet I included workaround (credits to Sonnet 3.5)\nTried it dozen of times and checked this place to see if it has not been solved earlier.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2951,2952,2953],{"name":2891,"color":2892},{"name":2915,"color":2916},{"name":2954,"color":2955},"triage","ffffff",3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.7702882,{"description":2962,"labels":2963,"number":2967,"owner":2868,"repository":2897,"state":2870,"title":2968,"updated_at":2969,"url":2970,"score":2971},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nIs there a way we can add a custom class to the tag `\u003Cth>`, in my case I would like to place `w-28` so that it has a fixed width\n\n\n\n\n",[2964,2966],{"name":2926,"color":2965},"d876e3",{"name":2915,"color":2916},2762,"[v3] Custom class to the tag \u003Cth>","2024-12-09T11:14:42Z","https://github.com/nuxt/ui/issues/2762",0.7739633,{"description":2973,"labels":2974,"number":2977,"owner":2868,"repository":2897,"state":2870,"title":2978,"updated_at":2979,"url":2980,"score":2981},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v20.16.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.1\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.8.1\n- Builder: -\n- User Config: devtools, compatibilityDate, modules, app, css, colorMode, svgSprite, future, imports, runtimeConfig, ssr\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.13, @nuxt/eslint@1.1.0, @nuxt/icon@1.10.3, @nuxtjs/svg-sprite@1.0.2, @nuxt/image@1.9.0, @vueuse/nuxt@12.7.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.13\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/stupefied-roentgen-y6tdsd\n\n### Description\n\n### Help Nuxt ui 3 table not reactive\n\nWhen I click the button, the table doesn't update. However, when I print the array object, the data is added, but the table still does not update\n\nhttps://codesandbox.io/p/devbox/stupefied-roentgen-y6tdsd\n\nThank you for help\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2975,2976],{"name":2891,"color":2892},{"name":2915,"color":2916},3377,"UI Table is not reactive","2025-02-27T21:19:42Z","https://github.com/nuxt/ui/issues/3377",0.7748264,["Reactive",2983],{},["Set"],["ShallowReactive",2986],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fobiUHHb8injSXnjWYbdSTT_mnbtW8E3Px29h_8qB-DY":-1},"/nuxt/ui/2518"]