\r\n \u003Cdiv class=\"grid preview-list\" id='preview-list' data-url=\"https://jsonplaceholder.typicode.com/photos\">\r\n \u003Cdiv class=\"tovar container preview-list-items\" id=\"preview-list-items\">\r\n \u003Cno-ssr placeholder=\"Loading\">\r\n\r\n \u003Cdiv class=\"hidden_tovar\" v-for=\"good in goods\" @click=\"goToLink\">\r\n\r\n \u003Ca :href=\"'/product/'+good.id\">\u003Cimg :src=\"good.image\" alt=\"\" class=\"big\">\u003C/a>\r\n\r\n\r\n \u003Cdiv class=\"info\">\r\n \u003Cspan class=\"brand\">“{{good.brend}}”\u003C/span>\r\n \u003Ch2 class=\"goodsTitle\">{{good.title}}\u003C/h2>\r\n \u003Cp class=\"desc goodsDesc\">{{good.description}}\u003C/p>\r\n \u003C/div>\r\n\r\n \u003Cdiv class=\"prices\">\r\n \u003Cnuxt-link :to=\"'/product/'+good.id\">\u003Cimg :src=\"good.image\" alt=\"\" class=\"mini\">\u003C/nuxt-link>\r\n \u003Cdiv class=\"price\">от\u003Cspan class=\"goodsPrice\">{{good.min_price}}\u003C/span>\u003Cspan class=\"rub\">С\u003C/span>\u003C/div>\r\n \u003Cdiv class=\"tovar_hidden_box_content\">\r\n \u003Cdiv>\u003Cp>{{good.sostav}}\u003C/p>\u003C/div>\r\n \u003C/div>\r\n \u003C/div>\r\n \u003C/div>\r\n \u003C/div>\r\n \u003C/div>\r\n \u003C/no-ssr>\r\n \u003C/div>\r\n \u003Cdiv class=\"sale\">\u003C/div>\r\n \u003C/div>\r\n \u003Cdiv class=\"clear-both\">\u003C/div>\r\n \u003Cdiv id=\"preview-buttons\">\r\n \u003C/div>\r\n \u003Cdiv class=\"clear-both\">\u003C/div>\r\n \u003C!--\u003C/div>-->\r\n\u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\n import FormLine from '~/components/formLine'\r\n export default {\r\n\r\n head: {\r\n script: [\r\n { src: '/js/scroll.js' }\r\n```\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/c1403\">#c1403\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2955],{"name":2956,"color":2957},"2.x","d4c5f9",1572,"endless loading no working","2023-01-18T15:41:59Z","https://github.com/nuxt/nuxt/issues/1572",0.7266885,{"description":2964,"labels":2965,"number":2968,"owner":2860,"repository":2880,"state":2926,"title":2969,"updated_at":2970,"url":2971,"score":2972},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nMay already be a way to do this but if not It would be nice to specify a variant for light and dark on a component. \nFor instance outline inputs on light mode and soft for dark mode. \n\n` \u003CUInput variant=\"{light: 'outline', dark: 'soft'}\" />\n`\n\n### Additional context\n\n_No response_",[2966,2967],{"name":2857,"color":2858},{"name":2923,"color":2878},2737,"Specify a components variant for each color mode.","2025-03-03T22:31:17Z","https://github.com/nuxt/ui/issues/2737",0.72754735,["Reactive",2974],{},["Set"],["ShallowReactive",2977],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fK8pXLzZWmJhUxB7eqOiIKAMMeBPW-_SU4tcFD2bNuIg":-1},"/nuxt/ui/4172"]