\n \u003Ctemplate #content>\n \u003CUButton label=\"Show toast\" color=\"neutral\" variant=\"outline\" @click=\"showToast\" />\n \u003C/template>\n \u003C/USlideover>\n\n \u003Cbr>\n\n \u003CUModal>\n \u003CUButton label=\"Open Modal\" color=\"neutral\" variant=\"subtle\" />\n \u003Ctemplate #content>\n \u003CUButton label=\"Show toast\" color=\"neutral\" variant=\"outline\" @click=\"showToast\" />\n \u003C/template>\n \u003C/UModal>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst toast = useToast()\n\nfunction showToast() {\n toast.add({\n title: 'Test',\n duration: 60 * 1000\n })\n}\n\u003C/script>\n```\n\n### Description\nFollowing #2404 resolved via b0be26d67feab467ac5862edd82e52df03a5091c\n\nWhile a Slideover or Modal are open trigger a Toaster and try to interact with it.\n\n\nhttps://github.com/user-attachments/assets/945c1f96-7556-42a6-b7e7-f88373b6e38f\n\n",[3100,3103],{"name":3101,"color":3102},"bug","d73a4a",{"name":3044,"color":3045},2646,"[v3] Toaster gets rendered behind Slideover's and Modal's overlays","2024-11-15T10:59:18Z","https://github.com/nuxt/ui/issues/2646",0.7463249,{"description":3110,"labels":3111,"number":3117,"owner":3031,"repository":3031,"state":3048,"title":3118,"updated_at":3119,"url":3120,"score":3121},"### Describe the feature\n\nIt's a pretty common case to have a dynamic page like `/invoice/\u003CinvoiceId>` and also `/invoice/\u003CinvoiceId>/edit` for editing this invoice. After editing, we want to redirect the user back to `/invoice/\u003CinvoiceId>`, where we are calling `useAsyncData`, of course. However, the result of that call is still returning the cached response from before the edit was done.\r\n\r\nAs I understand it, we can provide a unique key to achieve this:\r\n```ts\r\nconst { data: invoice } = await useAsyncData(\r\n Date.now().toString(),\r\n () => $api.invoices.findOne(company.value.id, invoiceId)\r\n)\r\n```\r\nBut I think it would be convenient to be able to skip the cache entirely with just a simple option:\r\n```ts\r\nconst { data: invoice } = await useAsyncData(\r\n () => $api.invoices.findOne(company.value.id, invoiceId),\r\n { force: true }\r\n)\r\n```\n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3112,3113,3116],{"name":3019,"color":3020},{"name":3114,"color":3115},"discussion","538de2",{"name":3057,"color":3058},22608,"Provide convenient option to skip `useAsyncData`'s cache","2023-10-16T21:48:27Z","https://github.com/nuxt/nuxt/issues/22608",0.7463493,{"description":3123,"labels":3124,"number":3128,"owner":3031,"repository":3031,"state":3048,"title":3129,"updated_at":3130,"url":3131,"score":3132},"I've got an issue where I'm setting some data with asyncData, I then update that data, then I change page and the data reverts.\r\n\r\nSo basically I call another function from asyncData in a page component like this:\r\n```js\r\nasyncData (context) {\r\n return ApiPage.getPage(context, context.params.page, 'pages', 'page')\r\n}\r\n```\r\n\r\nThen the file with that function is this (_ApiPage.js):\r\n```js\r\nconst masterData = {\r\n body: '',\r\n form: null,\r\n formData: null,\r\n hasChildren: false,\r\n header: '',\r\n id: '',\r\n label: '',\r\n name: '',\r\n sideMenu: [],\r\n subLabel: '',\r\n subHeader: null\r\n}\r\n\r\nconst AxiosError = function (status, message) {\r\n return {\r\n response: {\r\n status: status,\r\n data: {\r\n message: message\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport default {\r\n mixins: {\r\n methods: {\r\n reloadSideMenu () {\r\n if (this.slug !== '' && this.hasChildren) {\r\n this.$axios.get(this.$store.getters.getApiUrl('menus/home/' + this.slug))\r\n .then((res) => {\r\n this.sideMenu = res.data\r\n })\r\n }\r\n }\r\n }\r\n },\r\n getPage ({ error, store, app }, slug, patchUrlPrefix, cmsKey) {\r\n return app.$axios.get(slug)\r\n .then((res) => {\r\n if (res.statusCode) {\r\n throw new AxiosError(res.statusCode, res.message)\r\n }\r\n if (typeof res.data !== 'object' || !res.data.id) {\r\n throw new AxiosError(404, '')\r\n }\r\n let newData = Object.assign({\r\n slug: slug\r\n }, masterData, res.data)\r\n if (store.getters.getAuthUser() && store.getters.hasRole('ROLE_ADMIN')) {\r\n newData.patchUrl = store.getters.getApiUrl(patchUrlPrefix + '/' + res.data.id)\r\n store.commit('cms/initEndpoint', {\r\n endpoint: newData.patchUrl,\r\n initKey: cmsKey\r\n })\r\n }\r\n // Set whether any further requests are now needed\r\n let loadSideMenu = newData.slug !== '' && newData.hasChildren\r\n let loadForm = newData.form\r\n if (!loadSideMenu && !loadForm) {\r\n return newData\r\n }\r\n // Setup extra requests\r\n let requests = []\r\n let loadPaths = {\r\n form: store.getters.getApiUrl('form/' + slug),\r\n sideMenu: store.getters.getApiUrl('menus/home/' + slug)\r\n }\r\n if (loadForm) {\r\n requests.push(app.$axios.get(loadPaths.form))\r\n }\r\n if (loadSideMenu) {\r\n requests.push(app.$axios.get(loadPaths.sideMenu))\r\n }\r\n // Process sub-requests\r\n return Promise.all(requests)\r\n .then((allRes) => {\r\n for (const res of allRes) {\r\n switch (res.config.url) {\r\n case loadPaths.form:\r\n newData = Object.assign(newData, {\r\n formData: Object.assign(\r\n {},\r\n {\r\n lastModified: res.headers['last-modified']\r\n },\r\n res.data\r\n )\r\n })\r\n break\r\n case loadPaths.sideMenu:\r\n newData = Object.assign(newData, {\r\n sideMenu: res.data\r\n })\r\n break\r\n }\r\n }\r\n return newData\r\n })\r\n .catch((err) => {\r\n error({\r\n statusCode: err.response.status,\r\n message: 'The page\\'s dependencies could not be loaded'\r\n })\r\n })\r\n })\r\n .catch((err) => {\r\n if (err.response) {\r\n error({\r\n statusCode: err.response.status,\r\n message: (err.response.status === 404 ? 'Page could not be found' : err.response.data.message)\r\n })\r\n } else {\r\n if (typeof err === 'string') {\r\n error({\r\n statusCode: 500,\r\n message: err\r\n })\r\n } else {\r\n error({\r\n statusCode: 500,\r\n message: 'An error occurred'\r\n })\r\n }\r\n }\r\n })\r\n }\r\n}\r\n```\r\n\r\nSo I load data and populate `sideMenu`. When I update some pages, the title will affect the URL that needs to be in the menu. So I refresh the menu with the `reloadSideMenu` method - so far so good.\r\n\r\nI then go to another page which using the `_ApiPage.js` file. The sideMenu variable then reverts to the original state that asyncData had set for the page. I've tried logging to the console, and nowhere in my scripts where I set that variable is being reached.\r\n\r\nAny ideas?\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/c996\">#c996\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3125],{"name":3126,"color":3127},"2.x","d4c5f9",1134,"asyncData reverting after data modified","2023-01-18T15:40:52Z","https://github.com/nuxt/nuxt/issues/1134",0.74736434,{"description":3134,"labels":3135,"number":3138,"owner":3031,"repository":3047,"state":3048,"title":3139,"updated_at":3140,"url":3141,"score":3142},"### For what version of Nuxt UI are you asking this question?\n\nv3-alpha\n\n### Description\n\nI'm experience problems with the VS Code Tailwind Intellisense plugin. I have used ui v2 without problems so far, but when using v3 it only shows suggestions when a tailwindcss.config.ts is freshly edited, but then after reloading or restarting VS Code, it doesn't work anymore. When it's working, it only shows a few of the classes, but not the most common ones like padding, margin etc..\n\nHas someone experienced the same issue and knows a fix for that? ",[3136,3137],{"name":3041,"color":3042},{"name":3044,"color":3045},2424,"V3 Intellisense not working correctly","2024-11-05T21:44:20Z","https://github.com/nuxt/ui/issues/2424",0.74745315,["Reactive",3144],{},["Set"],["ShallowReactive",3147],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fe8b7Gmp5NehmvCGmoa_BWPM3aoX4w2AntreDL320bho":-1},"/nuxt/nuxt.com/1723"]