\r\n \u003Cv-divider>\u003C/v-divider>\r\n \u003Ch6>Tables ()\u003C/h6>\r\n \u003Cdiv>\r\n \u003Cv-list-item :title=\"apitables\" :value=\"apitables\">{{ apitables }}\u003C/v-list-item>\r\n \u003C/div>\r\n \u003C/v-list>\r\n \u003C/v-navigation-drawer>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nimport LeftCreateTable from './LeftCreateTable'\r\n\r\n export default {\r\n components: { LeftCreateTable }\r\n }\r\n\u003C/script>\r\n\r\n\u003Cscript setup>\r\nconst { data: apitables } = await useAsyncData(\"api\", () => $fetch(\"/api/read\"));\r\n\u003C/script>\r\n```\r\n\r\n### Logs\r\n\r\n_No response_",[3205,3206,3207],{"name":3173,"color":3174},{"name":3176,"color":3177},{"name":3208,"color":3160},"needs reproduction",12446,"Data in Script Setup isn't readable","2023-01-19T16:06:27Z","https://github.com/nuxt/nuxt/issues/12446",0.7375029,{"description":3215,"labels":3216,"number":3219,"owner":3146,"repository":3146,"state":3165,"title":3220,"updated_at":3221,"url":3222,"score":3223},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v18.17.0\r\n- Nuxt Version: 3.7.2\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: yarn@1.22.17\r\n- Builder: -\r\n- User Config: runtimeConfig, purgeCSS, modules, pinia, imports, i18n, dayjs, dayjsI18n, turnstile, app, meta, build, css\r\n- Runtime Modules: nuxt-icons@3.2.1, @nuxtjs/turnstile@0.6.3, @gabortorma/nuxt-dayjs-i18n@2.0.2, @nuxtjs/i18n@8.0.0-beta.13, dayjs-nuxt@2.1.9, @nuxtjs/tailwindcss@6.10.1, @pinia/nuxt@0.4.11, @pinia-plugin-persistedstate/nuxt@1.2.0\r\n- Build Modules: -\r\n------------------------------\r\n\r\n馃憠 Report an issue: https://github.com/nuxt/nuxt/issues/new \r\n\r\n馃憠 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new\r\n\r\n馃憠 Read documentation: https://nuxt.com\r\n\r\n### Reproduction\r\n\r\nhttps://codesandbox.io/p/devbox/dazzling-lake-wsdcds?file=%2Fpages%2Findex.vue%3A3%2C8\r\n\r\n### Describe the bug\r\n\r\ni dont know am i thinking wrong but this is the case.\r\n\r\ni am changing data which i am also using as a prop and after i change i am calling the function inside of component but prop data is not changing directly.\r\n\r\n---------\r\n\r\nThere is a main page file and inside of it i have \r\ndata object\r\n\r\ndata: {\r\n id:0\r\n}\r\n\r\nwhen i click the button i am changing this data objects id to 2 and i am calling the method inside component\r\n\r\nbut if you check the console you can see the data is still 0. \r\n\r\nit should be 2 because i did this\r\n\r\nthis.data.id = 2;\r\nthis.$refs[\"testref\"].conslog();\r\n\r\n\r\nif i use nexttick it is working btw\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3217,3218],{"name":3173,"color":3174},{"name":3176,"color":3177},24872,"Nuxt3 props and refs weird behaviour","2023-12-22T16:00:35Z","https://github.com/nuxt/nuxt/issues/24872",0.7376249,{"description":3225,"labels":3226,"number":3229,"owner":3146,"repository":3146,"state":3165,"title":3230,"updated_at":3231,"url":3232,"score":3233},"### Describe the feature\n\nMy requirement is to add a \"synchronized blocking\" script to the page, to set the data-scheme.\r\n\r\nI used the nitro hook to add this script.\r\n\r\n``` ts\r\nexport default defineNitroPlugin((nitroApp) => {\r\n nitroApp.hooks.hook('render:html', (html, { event: _ }) => {\r\n html.head.push(`\u003Cscript>!(function () {\r\n const e = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\r\n const t = localStorage.getItem('scheme') || 'auto'; (t === 'dark' || e && t !== 'light')\r\n ? document.documentElement.dataset.scheme = 'dark'\r\n : document.documentElement.dataset.scheme = 'light'\r\n }())\r\n \u003C/script>`)\r\n })\r\n})\r\n```\r\n\r\nI want the server html to contain content like this:\r\n\r\n``` html\r\n\u003Cscript type=\"text/javascript\">\r\n!(function () {\r\n const e = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\r\n const t = localStorage.getItem('scheme') || 'auto'; (t === 'dark' || e && t !== 'light')\r\n ? document.documentElement.dataset.scheme = 'dark'\r\n : document.documentElement.dataset.scheme = 'light'\r\n }())\r\n\u003C/script>\r\n```\r\n\r\nHowever, for whatever reason, the server will render the script with the hash in its own way.\r\n\r\n``` html\r\n\u003Cscript type=\"a5a7080a6034cd8d6c36dc4b-text/javascript\">\r\n!(function () {\r\n const e = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\r\n const t = localStorage.getItem('scheme') || 'auto'; (t === 'dark' || e && t !== 'light')\r\n ? document.documentElement.dataset.scheme = 'dark'\r\n : document.documentElement.dataset.scheme = 'light'\r\n }())\r\n\u003C/script>\r\n```\r\n\r\nNotice that the type attribute contains a hash, which prevents this code from being executed when the html is initially loaded.\r\nThen, nuxt removes this hash to make the code work.\r\n\r\nHowever it doesn't fit my needs. I want to include the script without the hash exactly in the returned html so that it can be executed blockingly, otherwise I'll have problems with the screen flickering (My website, https://codetime.dev, The screen flickers when loading because the data-theme is not set in a blocking way, causing the colors to be invalidated.).\r\n\r\nI want to add a script to the html template without appending an extra hash to the type attribute.\r\nWhat can I do?\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).",[3227,3228],{"name":3173,"color":3174},{"name":3176,"color":3177},25716,"Add a `\u003Cscript>` to the head without appending an additional hash to the `type` attribute.","2024-02-09T15:27:55Z","https://github.com/nuxt/nuxt/issues/25716",0.738285,{"labels":3235,"number":3243,"owner":3146,"repository":3146,"state":3165,"title":3244,"updated_at":3245,"url":3246,"score":3247},[3236,3239,3240],{"name":3237,"color":3238},"stale","ffffff",{"name":3176,"color":3177},{"name":3241,"color":3242},"2.x","d4c5f9",7872,"Duplicate data-v-* attribute when adding scoped css style in nested component","2023-01-22T15:36:04Z","https://github.com/nuxt/nuxt/issues/7872",0.7402301,{"description":3249,"labels":3250,"number":3251,"owner":3146,"repository":3252,"state":3165,"title":3253,"updated_at":3254,"url":3255,"score":3256},"Multiple links in showcase links to either dead sites or dead pages on the sites. I have attached a few. Also the russian mcdonalds site is on there\r\nhttps://mcdonalds.ru/\r\nhttps://ai.marketing/user/robot\r\nhttps://game.fonts.adobe.com/\r\nhttps://annual.awwwards.com/\r\nhttps://globalmaintainersummit.github.com/\r\nhttps://vintageria.it/\r\nhttps://hyundaiusa.com/",[],1530,"nuxt.com","Dead showcase links","2024-03-11T22:26:22Z","https://github.com/nuxt/nuxt.com/issues/1530",0.74212635,["Reactive",3258],{},["Set"],["ShallowReactive",3261],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fFUKPSa8s8isDNOT5mAJxWSPqnvcis_flAa60JK6kxSg":-1},"/nuxt/scripts/363"]