\n```",[2034,2035],{"name":2011,"color":2012},{"name":1999,"color":2000},3517,"How To Style NavigationMenu items","2025-03-14T13:01:49Z","https://github.com/nuxt/ui/issues/3517",0.7309402,{"description":2042,"labels":2043,"number":2049,"owner":1985,"repository":1985,"state":2050,"title":2051,"updated_at":2052,"url":2053,"score":2054},"Hello guys. I've opened this one trying to help making upgrade progress faster. Feel free closing if you are internally working on this. Following list is according to [2.3.0 release notes ](https://github.com/vuejs/vue/tree/v2.3.0) and [new dedicated Vue SSR guide](https://ssr.vuejs.org).\r\n\r\n- [x] Allow [runInNewContext](https://ssr.vuejs.org/en/api.html#runinnewcontext) option. which can bring huge performance improvement in production.\r\n- [x] `vue-ssr-webpack-plugin` is deprecated. ([webpack plugins](https://ssr.vuejs.org/en/api.html#webpack-plugins))\r\n- [x] [Generating clientManifest](https://ssr.vuejs.org/en/build-config.html#generating-clientmanifest)\r\n- [x] ~~Vue 2.3.x broke middleware in dev #636~~ (seems working)\r\n- [x] Duplicate assets in client manifest entry point\r\n- [x] CI Fails with infinity wait with new vue-loader (12.x)\r\n- [x] [server side directives](https://ssr.vuejs.org/en/api.html#directives)\r\n- [x] New [CSS Management](https://ssr.vuejs.org/en/css.html)\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/c548\">#c548\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2044,2046],{"name":1996,"color":2045},"8DEF37",{"name":2047,"color":2048},"2.x","d4c5f9",632,"closed","⚡️ Upgrade to Vue 2.3.x ","2023-01-18T15:39:38Z","https://github.com/nuxt/nuxt/issues/632",0.70682776,{"description":2056,"labels":2057,"number":2060,"owner":1985,"repository":2002,"state":2050,"title":2061,"updated_at":2062,"url":2063,"score":2064},"### Description\n\nBefore using `nuxt ui`, I briefly skimmed through the repository and found an already closed issue: [3018](https://github.com/nuxt/ui/issues/3018)\n\nThe error and solution mentioned in this issue (the [v2 documentation](https://ui.nuxt.com/getting-started/installation) indeed did not mention the solution) can actually be resolved by adding `tailwindcss@next` to the `peerDependencies` section in the `package.json` file.\n\nThis is because when [nuxi module add](https://github.com/nuxt/cli/blob/1afc06e8d08ea781fc5fede343de8d68865c2b4e/packages/nuxi/src/commands/module/add.ts#L134) installs a module, it not only installs the module itself but also scans the module package's `peerDependencies`.\n\nFor example, when using `nuxi module add pinia`, since `@pinia/nuxt` has `pinia` listed in its `peerDependencies` in the [package.json](https://github.com/vuejs/pinia/blob/3b21e08b6a068d18112b915b83f702fb5504ab73/packages/nuxt/package.json#L51C4-L51C20), both `@pinia/nuxt` and `pinia` will be automatically installed during the module installation.\n\nIf there are dependencies in `peerDependencies` that you do not want `nuxi module` to install automatically, you can use `peerDependenciesMeta` to ignore them, for [example](https://github.com/atinux/nuxt-auth-utils/blob/6b61b8888e3b3c6f60fd5ff767b7f0aa6cf09fc9/package.json#L57):\n\n```\n\"peerDependenciesMeta\": {\n \"pinia\": {\n \"optional\": true\n }\n },\n```\n\nTherefore, Nuxt UI can specify `tailwindcss@next` in the `peerDependencies` of `package.json`, ensuring Tailwind CSS is automatically installed when the Nuxt UI module is installed.\n\nThis solution applies to both v3 and v2.\n\n> PS: I noticed `typescript` in the `peerDependencies` of the v3 package.json. Is this a necessary dependency similar to `tailwindcss`? If not, after adding tailwindcss, perhaps `peerDependenciesMeta` could be used to ignore it.",[2058,2059],{"name":2011,"color":2012},{"name":1999,"color":2000},3349,"Add \"tailwindcss@next\" to the \"peerDependencies\" section in the package.json file.","2025-02-21T17:05:10Z","https://github.com/nuxt/ui/issues/3349",0.7081664,{"description":2066,"labels":2067,"number":2072,"owner":1985,"repository":2002,"state":2050,"title":2073,"updated_at":2074,"url":2075,"score":2076},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.4.0\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.13.2\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.8\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.8\n\n### Reproduction\n\n-\n\n### Description\n\nDefault classes of container in [docs](https://ui3.nuxt.dev/components/container#theme) is:\n```ts\nexport default defineAppConfig({\n ui: {\n container: {\n base: 'max-w-[var(--ui-container)] mx-auto px-4 sm:px-6 lg:px-8'\n }\n }\n})\n```\n**But no one of classes except `mx-auto` is not was created.**\nI change `--ui-container` variable like in [docs](https://ui3.nuxt.dev/getting-started/theme#container):\n```css\n/** app.css */\n\n@import 'tailwindcss';\n@import '@nuxt/ui';\n\n@theme {\n --container-xl: 1280px;\n}\n\n:root {\n --ui-container: var(--container-xl);\n}\n```\nAs result, container classes is `max-w-7xl mx-auto px-4 sm:px-6 lg:px-8` and still not was created, except `mx-auto`.\n\nBut if i create `app.config.ts`:\n```ts\nexport default defineAppConfig({\n ui: {\n container: {\n base: 'max-w-[var(--ui-container)] mx-auto px-4 sm:px-6 lg:px-8'\n }\n }\n})\n```\nAll is ok, width and other classes are created and applying.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2068,2071],{"name":2069,"color":2070},"bug","d73a4a",{"name":1999,"color":2000},2655,"Classes of container component are not working properly","2024-11-16T13:13:33Z","https://github.com/nuxt/ui/issues/2655",0.71177197,{"description":2078,"labels":2079,"number":2082,"owner":1985,"repository":2083,"state":2050,"title":2084,"updated_at":2085,"url":2086,"score":2087},"",[2080],{"name":2069,"color":2081},"ff281a",729,"nuxt.com","[Project] Live collab `Jump to` should work with `Medias`","2023-02-15T12:31:32Z","https://github.com/nuxt/nuxt.com/issues/729",0.72172964,{"description":2089,"labels":2090,"number":2091,"owner":1985,"repository":2092,"state":2050,"title":2093,"updated_at":2094,"url":2095,"score":2096},"Script looks like this:\r\n```js\r\n!function (w, d, t) {\r\n w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=[\"page\",\"track\",\"identify\",\"instances\",\"debug\",\"on\",\"off\",\"once\",\"ready\",\"alias\",\"group\",\"enableCookie\",\"disableCookie\", \"holdConsent\", \"revokeConsent\", \"grantConsent\"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i\u003Cttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n\u003Cttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i=\"https://analytics.tiktok.com/i18n/pixel/events.js\";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement(\"script\");o.type=\"text/javascript\",o.async=!0,o.src=i+\"?sdkid=\"+e+\"&lib=\"+t;var a=document.getElementsByTagName(\"script\")[0];a.parentNode.insertBefore(o,a)};\r\n ttq.load('YOUR_ID_HERE');\r\n}(window, document, 'ttq');\r\n```\r\nDocs can be found [here](https://ads.tiktok.com/help/article/get-started-pixel?lang=en)",[],166,"scripts","Add Tiktok Pixel to registry","2024-07-23T14:40:36Z","https://github.com/nuxt/scripts/issues/166",0.7220774,["Reactive",2098],{},["Set"],["ShallowReactive",2101],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"IrWZkj_B8dooY2Jbf72BLDjqV12x6uXVSjOvIj862Lk":-1},"/nuxt/nuxt.com/1744"]