not working ","2024-09-26T20:41:47Z","https://github.com/nuxt/nuxt/issues/22310",0.67428726,{"description":2936,"labels":2937,"number":2946,"owner":2871,"repository":2871,"state":2893,"title":2947,"updated_at":2948,"url":2949,"score":2950},"### Environment\n\n- Operating System: `Linux`\r\n- Node Version: `v16.17.0`\r\n- Nuxt Version: `3.0.0-rc.8`\r\n- Package Manager: `npm@8.15.0`\r\n- Builder: `vite`\r\n- User Config: `modules`\r\n- Runtime Modules: `@nuxtjs/tailwindcss@5.3.2`\r\n- Build Modules: `-`\n\n### Reproduction\n\n**Repo**\r\nhttps://github.com/rhernandog/nuxt3-transitions-issue\r\n\r\n**Live Sample**\r\nhttps://stackblitz.com/edit/nuxt-starter-d2z5mn\n\n### Describe the bug\n\nAs mentioned in discussion #5717 there is an issue with the appear flag in the using transition, transition group and page transition. In the live sample you'll see that the first load the page doesn't appear. If you navigate you'll see the fade out/in transition between pages working as expected. In the users page you should see an animation for a list of items that never happens, but if you make a change in the file and save it, the animation will happen as expected after the hot reload.\r\n\r\nAs reported in the discussion I can confirm that all these animations work as expected in a Vue3 project.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2938,2939,2942,2943],{"name":2924,"color":2925},{"name":2940,"color":2941},"bug","d73a4a",{"name":2928,"color":2929},{"name":2944,"color":2945},"upstream-bug","B60205",14715,"Nuxt3 - Transition appear Flag not working","2024-06-17T15:27:02Z","https://github.com/nuxt/nuxt/issues/14715",0.6838892,{"description":2952,"labels":2953,"number":2955,"owner":2871,"repository":2871,"state":2893,"title":2956,"updated_at":2957,"url":2958,"score":2959},"### Environment\n\nWorking directory: /home/projects/kkvilogryz.github 4:05:37 PM\nNuxt project info: 4:05:37 PM\n\n------------------------------\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.15.1\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: default\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n 4:05:37 PM\n👉 Report an issue: https://github.com/nuxt/nuxt/issues/new?template=bug-report.yml\n👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new\n👉 Read documentation: https://nuxt.com\n\n### Reproduction\n\n[Repo where it doesn't work (no root elements in pages)](https://stackblitz.com/edit/github-raz5raz6?file=app.vue)\n[Repo where it does work (there is a root element in pages](https://stackblitz.com/edit/github-kmkay5gz?file=app.vue)\n\n### Describe the bug\n\nWhen setting the page transition using `\u003CNuxtPage/>` in `app.vue`, like so:\n\n```\n\u003Ctemplate>\n \u003CNuxtPage\n :transition=\"{\n name: 'page',\n mode: 'out-in',\n }\"\n />\n\u003C/template>\n\n\u003Cstyle scoped>\n.page-enter-active,\n.page-leave-active {\n transition: opacity 200ms;\n opacity: 1;\n}\n.page-enter,\n.page-leave-active {\n opacity: 0;\n}\n\u003C/style>\n```\n\nAnd there is are no root component on pages, for example:\n\n```\n\u003Ctemplate>\n \u003Ch1>Index\u003C/h1>\n \u003Cp>This is the index page\u003C/p>\n \u003Cnuxt-link to=\"/about\">go to about\u003C/nuxt-link>\n\u003C/template>\n```\n\nThe page transition works only once, and if the transition is triggered again, then the page is just not rendered (try clicking the link in the broken replication more than once).\n\nBut if the page is wrapped in a single root component, like:\n\n```\n\u003Ctemplate>\n \u003Cdiv>\n \u003Ch1>About\u003C/h1>\n \u003Cp>This is the about page\u003C/p>\n \u003Cnuxt-link to=\"/\">go home\u003C/nuxt-link>\n \u003C/div>\n\u003C/template>\n```\n\nThen there is no issue.\n\nWe should probably inform the user about this behavior, display a warning or a error message or something. I spent the past 3 hours banging my head against a wall trying to find the root cause of this error.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2954],{"name":2868,"color":2869},30465,"Transition doesn't render page if root component missing","2025-01-12T18:28:29Z","https://github.com/nuxt/nuxt/issues/30465",0.6855691,{"description":2961,"labels":2962,"number":2965,"owner":2871,"repository":2871,"state":2893,"title":2966,"updated_at":2967,"url":2968,"score":2969},"\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/c2165\">#c2165\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2963,2964],{"name":2868,"color":2869},{"name":2890,"color":2891},2494,"transition didnt work in nuxt generate mode","2023-01-22T15:30:03Z","https://github.com/nuxt/nuxt/issues/2494",0.68781364,{"labels":2971,"number":2975,"owner":2871,"repository":2871,"state":2893,"title":2976,"updated_at":2977,"url":2978,"score":2979},[2972,2973,2974],{"name":2911,"color":2912},{"name":2868,"color":2869},{"name":2890,"color":2891},7380,"Vue transition not working in Nuxt build and static mode but working in development mode","2023-01-22T15:35:58Z","https://github.com/nuxt/nuxt/issues/7380",0.688686,["Reactive",2981],{},["Set"],["ShallowReactive",2984],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fwNED5Nkn-qqIyHBG940d1PDsde-2HF-AZhtSYiuQKCo":-1},"/nuxt/nuxt/10317"]