\n \u003C/UTooltip>\n \u003C/UAvatarGroup>\n```\n\n---\n```\n \u003CShareProjectModal\n v-if=\"project\"\n v-model:open=\"isShareProjectModalOpen\"\n :project=\"project\"\n :template-name=\"project.template.name\"\n :primary-document-references=\"project.template.primary_document_reference?.map(d => d.name) || []\"\n />\n```\n\nSharedModal\n\n```\n \u003CUModal\n v-model:open=\"isOpen\"\n :ui=\"{\n content: 'max-w-124',\n footer: 'justify-between',\n body: 'flex flex-col gap-4 px-0 sm:px-0',\n }\"\n >\n\n\u003C/UModal>\n```\n\n\n### Description\n\n\nHi, we are using v4 with an avatarGroup tooltip\n```\n \u003CUAvatarGroup\n v-if=\"sharedUsers.length\"\n :max=\"3\"\n size=\"sm\"\n @click=\"isShareProjectModalOpen = true\"\n >\n \u003CUTooltip\n v-for=\"user in sharedUsers\"\n :key=\"user.emailAddress\"\n :text=\"user.fullName ?? user.emailAddress\"\n :delay-duration=\"0\"\n >\n \u003CUAvatar\n :src=\"user.avatar ?? undefined\"\n :alt=\"user.fullName ?? user.emailAddress\"\n />\n \u003C/UTooltip>\n \u003C/UAvatarGroup>\n```\n\nWe have few modal opening on the same page however we have inconsistency with the tooltip when playing around opening UModal on the page the tooltip would stop working. has anyone encounter such issue?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3172,3175],{"name":3173,"color":3174},"bug","d73a4a",{"name":3176,"color":3177},"triage","ffffff",4903,"nuxt","ui","open","AvatarGroup & Tooltip","2025-09-08T01:56:54Z","https://github.com/nuxt/ui/issues/4903",0.68221,{"description":3187,"labels":3188,"number":3192,"owner":3179,"repository":3179,"state":3181,"title":3193,"updated_at":3194,"url":3195,"score":3196},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.9.0`\n- Nuxt Version: `3.16.0`\n- CLI Version: `3.23.0`\n- Nitro Version: `2.11.6`\n- Package Manager: `pnpm@9.5.0`\n- Builder: `-`\n- User Config: `ssr`, `devtools`, `compatibilityDate`, `css`, `app`, `modules`, `runtimeConfig`, `vite`, `vueQuery`, `ui`, `icon`, `elementPlus`\n- Runtime Modules: `@nuxt/eslint@1.2.0`, `@nuxt/icon@1.11.0`, `@nuxt/scripts@0.11.2`, `@nuxt/test-utils@3.17.2`, `@nuxt/ui@3.0.2`, `@element-plus/nuxt@1.1.1`, `@hebilicious/vue-query-nuxt@0.3.0`, `@vueuse/nuxt@13.0.0`\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/purple-worker-q927r2?workspaceId=ws_Nd6bGHokakFXXgZBfRPLsD\n\n### Describe the bug\n\n**Steps to Reproduce:**\n\n1. Open the reproduction link.\n2. Click on 'page 2' at the top to navigate to the page2 page.\n3. The loading animation will not disappear.\n\nThe code logic of the page2 page is to call the `fetchData` function when the page is opened, while setting `loading` to true and then setting it to false within a short period.\n\nThis bug is triggered when a Nuxt page uses a transition with the mode set to `out-in`. Specifically, when the component's props change rapidly, the code related to DOM operations does not correctly handle the state of the props, resulting in abnormal component display.\n\nWorkaround:\n\n1. Set the mode to a value other than `out-in`.\n2. Wrap the component using `v-loading` with a `\u003CClientOnly>` component.\n3. Call `fetchData` within the `onMounted` callback.\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```\n\nEdit: pick right words",[3189],{"name":3190,"color":3191},"pending triage","E99695",31613,"page transtion with fast props change","2025-04-02T03:30:33Z","https://github.com/nuxt/nuxt/issues/31613",0.7052737,{"description":3198,"labels":3199,"number":3205,"owner":3179,"repository":3180,"state":3181,"title":3206,"updated_at":3207,"url":3208,"score":3209},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v24.9.0`\n- Nuxt Version: `4.1.3`\n- CLI Version: `3.29.0`\n- Nitro Version: `2.12.6`\n- Package Manager: `pnpm@10.18.1`\n- Builder: `-`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Package\n\nv4.x\n\n### Version\n\n4.0.1\n\n### Reproduction\n\nhttps://ui.nuxt.com/docs/components/changelog-versions\n\n### Description\n\nIt appear that `changelog-versions` have a bug related to overlap of the vertical path and card entities.\nScreen size contained within screenshot\n\n\u003Cimg width=\"1494\" height=\"979\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/10a0696f-9bf7-4b64-960a-2ee5a5039dba\" />\n\u003Cimg width=\"1183\" height=\"1172\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/ce6a5af9-8c77-4896-8c46-3b53a4800d50\" />\n\n\nfor [With sticky indicator](https://ui.nuxt.com/docs/components/changelog-versions#with-sticky-indicator) there's too little padding between tag and title\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3200,3201,3202],{"name":3173,"color":3174},{"name":3176,"color":3177},{"name":3203,"color":3204},"v4","49DCB8",5180,"bug(changelog-versions): vertical line overlap timeline content","2025-10-07T17:58:33Z","https://github.com/nuxt/ui/issues/5180",0.70905983,{"description":3211,"labels":3212,"number":3220,"owner":3179,"repository":3179,"state":3221,"title":3222,"updated_at":3223,"url":3224,"score":3225},"### Environment\n\n- Operating System: Windows_NT\r\n- Node Version: v21.6.2\r\n- Nuxt Version: 3.12.3\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: bun@1.1.18\r\n- Builder: -\r\n- User Config: devtools, compatibilityDate, css, modules, plugins, watch, svgo, app\r\n- Runtime Modules: @nuxt/image@1.7.0, nuxt-svgo-loader@0.4.0, @pinia/nuxt@0.5.1, nuxt-svgo@4.0.1\r\n- Build Modules: -\n\n### Reproduction\n\nZod schema\r\n\r\n```ts\r\nimport dayjs from \"dayjs\";\r\nimport { z } from \"zod\";\r\n\r\nexport const changelogSchema = z\r\n\t.array(\r\n\t\tz.object({\r\n\t\t\tdate: z.string().transform((d) => dayjs(d).format(\"YYYY-MM-DD\")),\r\n\t\t\tbody: z.string(),\r\n\t\t}),\r\n\t)\r\n\t.transform((changelogs) => changelogs.toSorted((a, b) => dayjs(b.date).valueOf() - dayjs(a.date).valueOf()));\r\n\r\n```\r\n\r\nData to be imported\r\n```json\r\n[\r\n {\r\n \"body\": \"-\",\r\n \"date\": \"2024-06-25 03:33:13+0200\"\r\n },\r\n {\r\n \"body\": \"\u003Cul>\\n\u003Cli>Settings menu with filter location selection\u003C/li>\\n\u003C/ul>\\n\",\r\n \"date\": \"2024-07-03 21:15:00+0002\"\r\n },\r\n {\r\n \"body\": \"-\",\r\n \"date\": \"2024-07-08 20:20:53+02:00\"\r\n },\r\n {\r\n \"body\": \"-\",\r\n \"date\": \"2024-07-08 17:41:17+02:00\"\r\n },\r\n {\r\n \"body\": \"-\",\r\n \"date\": \"2024-07-11 07:13:37+02:00\"\r\n }\r\n]\r\n```\r\n\r\nThe page that causes the issue\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nimport changelog from \"~/data/changelog.json\";\r\nimport { changelogSchema } from \"~/schemas/changelog-schema\";\r\nuseSeoMeta({\r\n\ttitle: \"About\",\r\n});\r\n\r\nconst { success, data: changelogs, error } = changelogSchema.safeParse(changelog);\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n\t\u003Ch2>Changelog\u003C/h2>\r\n\t\u003Cdiv v-if=\"success\" v-for=\"ch in changelogs\" :key=\"ch.date\" class=\"changelog\">\r\n\t\t\u003Ch3>{{ ch.date }}\u003C/h3>\r\n\t\t\u003Cdiv class=\"body\" v-html=\"ch.body\">\u003C/div>\r\n\t\u003C/div>\r\n\t\u003Cdiv v-else>{{ error }}\u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cstyle scoped lang=\"scss\">\r\nh2 {\r\n\tmargin-bottom: 1rem;\r\n}\r\n.changelog {\r\n\tborder: 1px solid var(--lighten);\r\n\tpadding: 1rem;\r\n\tmargin-bottom: 0.5rem;\r\n\th3 {\r\n\t\tmargin-bottom: 0.5rem;\r\n\t}\r\n\t.body {\r\n\t\tline-height: 1.4rem;\r\n\t\t:deep(ul, ol) {\r\n\t\t\tpadding-left: 1.5rem;\r\n\t\t}\r\n\r\n\t\t:deep(table) {\r\n\t\t\tborder-collapse: collapse;\r\n\t\t\tmargin-top: 0.5rem;\r\n\r\n\t\t\ttd,\r\n\t\t\tth {\r\n\t\t\t\tpadding: 0.25rem 0.5rem;\r\n\t\t\t}\r\n\r\n\t\t\tth {\r\n\t\t\t\ttext-transform: capitalize;\r\n\t\t\t\tfont-variant: small-caps;\r\n\t\t\t\tletter-spacing: 0.2rem;\r\n\t\t\t}\r\n\r\n\t\t\ttbody {\r\n\t\t\t\ttr {\r\n\t\t\t\t\tborder-bottom: 1px solid var(--lighten);\r\n\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tbackground-color: var(--light-accent);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tthead {\r\n\t\t\t\tbackground-color: var(--lighten);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\u003C/style>\r\n```\r\n\r\nNuxt config\r\n```ts\r\nexport default defineNuxtConfig({\r\n\tdevtools: { enabled: true },\r\n\tcompatibilityDate: \"2024-07-08\",\r\n\tcss: [\"~/assets/global.scss\"],\r\n\tmodules: [\"@nuxt/image\", \"nuxt-svgo-loader\", \"@pinia/nuxt\", \"nuxt-svgo\"],\r\n\tplugins: [],\r\n\twatch: [\"data\"],\r\n\tsvgo: {\r\n\t\tcomponentPrefix: \"Icon\",\r\n\t},\r\n\tapp: {\r\n\t\thead: {\r\n\t\t\ttitle: \"Tierlist Stars\",\r\n\t\t\ttitleTemplate: \"%s %separator %siteName\",\r\n\t\t\ttemplateParams: {\r\n\t\t\t\tseparator: \"—\",\r\n\t\t\t\tsiteName: \"My Cool Site\",\r\n\t\t\t},\r\n\t\t\thtmlAttrs: {\r\n\t\t\t\tlang: \"en\",\r\n\t\t\t},\r\n\t\t\tmeta: [\r\n\t\t\t\t{ charset: \"utf-8\" },\r\n\t\t\t\t{ name: \"viewport\", content: \"width=device-width, initial-scale=1\" },\r\n\t\t\t\t{ hid: \"description\", name: \"description\", content: \"My Cool Site\" },\r\n\t\t\t\t{ name: \"msapplication-TileColor\", content: \"#ffffff\" },\r\n\t\t\t\t{ name: \"msapplication-TileImage\", content: \"/ms-icon-144x144.png\" },\r\n\t\t\t\t{ name: \"theme-color\", content: \"#ffffff\" },\r\n\t\t\t],\r\n\t\t\tlink: [\r\n\t\t\t\t{ rel: \"icon\", type: \"image/x-icon\", href: \"/favicon.ico\" },\r\n\t\t\t\t{ rel: \"apple-touch-icon\", sizes: \"57x57\", href: \"/apple-icon-57x57.png\" },\r\n\t\t\t\t{ rel: \"apple-touch-icon\", sizes: \"60x60\", href: \"/apple-icon-60x60.png\" },\r\n\t\t\t\t{ rel: \"apple-touch-icon\", sizes: \"72x72\", href: \"/apple-icon-72x72.png\" },\r\n\t\t\t\t{ rel: \"apple-touch-icon\", sizes: \"76x76\", href: \"/apple-icon-76x76.png\" },\r\n\t\t\t\t{ rel: \"apple-touch-icon\", sizes: \"114x114\", href: \"/apple-icon-114x114.png\" },\r\n\t\t\t\t{ rel: \"apple-touch-icon\", sizes: \"120x120\", href: \"/apple-icon-120x120.png\" },\r\n\t\t\t\t{ rel: \"apple-touch-icon\", sizes: \"144x144\", href: \"/apple-icon-144x144.png\" },\r\n\t\t\t\t{ rel: \"apple-touch-icon\", sizes: \"152x152\", href: \"/apple-icon-152x152.png\" },\r\n\t\t\t\t{ rel: \"apple-touch-icon\", sizes: \"180x180\", href: \"/apple-icon-180x180.png\" },\r\n\t\t\t\t{ rel: \"icon\", type: \"image/png\", sizes: \"192x192\", href: \"/android-icon-192x192.png\" },\r\n\t\t\t\t{ rel: \"icon\", type: \"image/png\", sizes: \"32x32\", href: \"/favicon-32x32.png\" },\r\n\t\t\t\t{ rel: \"icon\", type: \"image/png\", sizes: \"96x96\", href: \"/favicon-96x96.png\" },\r\n\t\t\t\t{ rel: \"icon\", type: \"image/png\", sizes: \"16x16\", href: \"/favicon-16x16.png\" },\r\n\t\t\t\t// { rel: \"manifest\", href: \"/manifest.json\" },\r\n\t\t\t],\r\n\t\t},\r\n\t},\r\n});\r\n```\n\n### Describe the bug\n\nThis error is being thrown in the Cloudflare Pages build process:\r\n\n\n### Additional context\n\n`nuxt generate` works perfectly well in my local environment. I can build the site locally, and publish it with Wrangler. However, build on Cloudflare **always** fails.\n\n### Logs\n\n```shell-script\n> snip \u003C\r\n07:22:15.746 | [log] [nitro]\r\n-- | --\r\n07:22:15.746 | Errors prerendering:\r\n07:22:15.747 | [log] [nitro] ├─ /about (536ms)\r\n07:22:15.747 | │ ├── Error: [500]\r\n07:22:15.747 | │ └── Linked from /\r\n07:22:15.747 | [log] [nitro]\r\n07:22:15.748 | [error] Exiting due to prerender errors.\r\n07:22:15.748 | at prerender (node_modules/nitropack/dist/chunks/prerender.mjs:220:11)\r\n07:22:15.748 | at async node_modules/nuxt/dist/index.mjs:3605:7\r\n07:22:15.748 | at async build (node_modules/nuxt/dist/index.mjs:5469:5)\r\n07:22:15.748 | at async Object.run (node_modules/nuxi/dist/chunks/build.mjs:94:5)\r\n07:22:15.748 | at async Object.run (node_modules/nuxi/dist/chunks/generate.mjs:55:5)\r\n07:22:15.748 | at async runCommand$1 (node_modules/nuxi/dist/shared/nuxi.6aad497e.mjs:1648:16)\r\n07:22:15.748 | at async runCommand$1 (node_modules/nuxi/dist/shared/nuxi.6aad497e.mjs:1639:11)\r\n07:22:15.749 | at async runMain$1 (node_modules/nuxi/dist/shared/nuxi.6aad497e.mjs:1777:7)\r\n07:22:15.749 | \r\n07:22:15.749 | [error] Exiting due to prerender errors.\n```\n",[3213,3214,3217],{"name":3190,"color":3191},{"name":3215,"color":3216},"nitro","bfd4f2",{"name":3218,"color":3219},"needs reproduction","FBCA04",28112,"closed","Prerendering SSG fails on Cloudflare but not locally","2024-10-15T13:22:25Z","https://github.com/nuxt/nuxt/issues/28112",0.68654567,{"labels":3227,"number":3232,"owner":3179,"repository":3179,"state":3221,"title":3233,"updated_at":3234,"url":3235,"score":3236},[3228,3229],{"name":3190,"color":3191},{"name":3230,"color":3231},"2.x","d4c5f9",7943,"Modern build is bigger with less browser requirements","2023-01-22T15:36:08Z","https://github.com/nuxt/nuxt/issues/7943",0.69114274,{"description":3238,"labels":3239,"number":3242,"owner":3179,"repository":3179,"state":3221,"title":3243,"updated_at":3244,"url":3245,"score":3246},"\u003C!-- 💚 Thanks for your time to make Nuxt better with your feedbacks 💚\r\n\r\n**IMPORTANT** Before reporting a bug:\r\n\r\n- Please make sure that you have read through Nuxt documentation: https://nuxtjs.org\r\n- If issue is related to a module please create the issue in corresponding repository\r\n- Ensure using latest version of nuxt dependencies using `yarn upgrade nuxt` or `npm upgrade nuxt`\r\n\r\n👍 A properly detailed bug report can save a LOT of time and help fixing issues as soon as possible.\r\n-->\r\n\r\n### Versions\r\n\r\n- nuxt: 2.15.4\r\n- node: 14.16.1\r\n\r\n### Reproduction\r\n\r\n\u003C!--\r\nLink to a minimal test case based on one of:\r\n- A fork of https://template.nuxtjs.org\r\n- A GitHub repository that can reproduce the bug\r\nWithout a reproduction, it is so hard to address problem :(\r\n-->\r\n\r\n~~[stieben/nuxt-csp-bug-poc](https://github.com/stieben/nuxt-csp-bug-poc)~~ (now deleted)\r\n\r\n### Steps to reproduce\r\n\r\n1. `yarn create nuxt-app nuxt-csp-bug-poc`\r\n \r\n \u003Cdetails>\r\n \u003Csummary>Additional Details\u003C/summary>\r\n ? Project name: nuxt-csp-bug-poc\u003Cbr>\r\n ? Programming language: JavaScript\u003Cbr>\r\n ? Package manager: Yarn\u003Cbr>\r\n ? UI framework: None\u003Cbr>\r\n ? Nuxt.js modules: None\u003Cbr>\r\n ? Linting tools: None\u003Cbr>\r\n ? Testing framework: None\u003Cbr>\r\n ? Rendering mode: Universal (SSR / SSG)\u003Cbr>\r\n ? Deployment target: Server (Node.js hosting)\u003Cbr>\r\n ? Development tools: None\u003Cbr>\r\n ? What is your GitHub username? stieben\u003Cbr>\r\n ? Version control system: Git\r\n \u003C/details>\r\n\r\n2. `cd nuxt-csp-bug-poc`\r\n3. Set `render.csp` to `true` (as per [Nuxt Documentation](https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-render#csp))\r\n4. `yarn build`\r\n5. `yarn start`\r\n\r\n### What is Expected?\r\n\r\nHydration and a working Vue app, with the security of a CSP.\r\n\r\n### What is actually happening?\r\n\r\n- Vue inactive\r\n- 2 console errors:\r\n - `Content Security Policy: The page’s settings blocked the loading of a resource at eval (“script-src”)`\r\n - `Content Security Policy: The page’s settings blocked the loading of a resource at eval (“script-src”)`",[3240,3241],{"name":3190,"color":3191},{"name":3230,"color":3231},9182,"Basic CSP setup broken","2023-01-22T15:44:51Z","https://github.com/nuxt/nuxt/issues/9182",0.69808394,{"description":3248,"labels":3249,"number":3255,"owner":3179,"repository":3179,"state":3221,"title":3256,"updated_at":3257,"url":3258,"score":3259},"### Environment\n\n npx nuxi info\r\nNuxi 3.4.2 22:26:20\r\n 22:26:22\r\nRootDir: ***\r\nNuxt project info: 22:26:22\r\n\r\n------------------------------\r\n- Operating System: Windows_NT 22:24:03\r\n- Node Version: v18.12.1\r\n- Nuxt Version: 3.4.2\r\n- Nitro Version: 2.3.3\r\n- Package Manager: npm@8.19.2\r\n- Builder: vite\r\n- User Config: nitro, runtimeConfig, extends, build, modules, colorMode, tailwindcss, auth, elementPlus\r\n- Runtime Modules: @nuxtjs/color-mode@3.2.0, unplugin-icons/nuxt, @sidebase/nuxt-auth@0.4.4, @element-plus/nuxt@1.0.4, @nuxtjs/tailwindcss@6.6.6\r\n- Build Modules: -\r\n------------------------------\r\n\n\n### Reproduction\n\nSorry i cannot give the link. It's my online project and it seems not a code problem.\n\n### Describe the bug\n\ngot an error about ' At least one \u003Ctemplate> or \u003Cscript> is required in a single file component when upgraged to 3.4.2 from 3.4.1.\r\n\r\nEverythinkg works fine in 3.4.1.\r\n\r\nI checked all my vue component. There has no empty file.\r\n\r\nso where the msg prompt from. \n\n### Additional context\n\n\r\n\n\n### Logs\n\n_No response_",[3250,3253,3254],{"name":3251,"color":3252},"3.x","29bc7f",{"name":3190,"color":3191},{"name":3218,"color":3219},20530,"upgraged to 3.4.2 from 3.4.1 got an error about ' At least one \u003Ctemplate> or \u003Cscript> is required in a single file component.","2023-04-26T15:16:00Z","https://github.com/nuxt/nuxt/issues/20530",0.70042187,{"labels":3261,"number":3264,"owner":3179,"repository":3179,"state":3221,"title":3265,"updated_at":3266,"url":3267,"score":3268},[3262,3263],{"name":3190,"color":3191},{"name":3230,"color":3231},7915,"Nuxt memory leak universal mode","2023-01-22T15:36:07Z","https://github.com/nuxt/nuxt/issues/7915",0.70162845,{"labels":3270,"number":3273,"owner":3179,"repository":3179,"state":3221,"title":3274,"updated_at":3275,"url":3276,"score":3277},[3271,3272],{"name":3251,"color":3252},{"name":3190,"color":3191},13540,"Problem with @intlify/nuxt3 in most latest Nuxt Version","2023-04-20T12:42:17Z","https://github.com/nuxt/nuxt/issues/13540",0.702451,{"description":3279,"labels":3280,"number":3283,"owner":3179,"repository":3179,"state":3221,"title":3284,"updated_at":3285,"url":3286,"score":3287},"### Versions\r\n\r\n- nuxt: `2.15.4`\r\n- node: `v14.15.4`\r\n\r\n### Reproduction repo\r\n+ https://github.com/pitizzzle/nuxt-bugreport-css-animation-opacity-percent\r\n\r\n### Steps to reproduce\r\n\r\n+ `nuxt.config.js`:\r\n ```js\r\n export default {\r\n target: 'static',\r\n head: {\r\n meta: [\r\n { charset: 'utf-8' },\r\n { name: 'viewport', content: 'width=device-width, initial-scale=1' },\r\n ],\r\n },\r\n };\r\n ```\r\n+ `layouts/default.vue`:\r\n ```vue\r\n \u003Ctemplate>\r\n \u003Cdiv>\u003CNuxt />\u003C/div>\r\n \u003C/template>\r\n ```\r\n\r\n+ `pages/index.vue`:\r\n ```vue\r\n \u003Ctemplate>\r\n \u003Cmain>\r\n \u003Cdiv id=\"test\" class=\"animation-active\">\u003C/div>\r\n \u003C/main>\r\n \u003C/template>\r\n \r\n \u003Cstyle>\r\n #test {\r\n width: 100px;\r\n height: 100px;\r\n background: red;\r\n }\r\n #test.animation-active {\r\n animation: test-animation 2s;\r\n }\r\n \r\n @keyframes test-animation {\r\n from { opacity: 0%; }\r\n to { opacity: 95%; }\r\n }\r\n \u003C/style>\r\n ```\r\n\r\n+ command:\r\n ```bash\r\n nuxt generate && nuxt start\r\n ```\r\n\r\n### What is Expected?\r\n+ \r\n\r\n### What is actually happening?\r\n+ \r\n+ wtf?! xDD\r\n",[3281,3282],{"name":3190,"color":3191},{"name":3230,"color":3231},9144,"Corrupted CSS animation keyframe values (opacity in %)","2024-06-30T09:25:53Z","https://github.com/nuxt/nuxt/issues/9144",0.70450497,["Reactive",3289],{},["Set"],["ShallowReactive",3292],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fGU0qo-z2ou35DHZrorc9xjcw0yIysTnpt3t0fFtq89Q":-1},"/nuxt/ui/5123"]