\r\n \u003C/template>\r\n\r\n \u003Ctemplate #description=\"{ description }\">\r\n \u003Cspan v-html=\"description\" />\r\n \u003C/template>\r\n \u003C/UNotifications>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\nconst toast = useToast()\r\nconst app = useNuxtApp()\r\n\r\nconst columns = [{\r\n key: \"id\",\r\n label: \"编号\",\r\n class: 'w-16'\r\n}, {\r\n key: \"from\",\r\n label: \"发方\",\r\n class: 'w-[180px]'\r\n}, {\r\n key: \"to\",\r\n label: \"接方\",\r\n class: 'w-[180px]'\r\n\r\n}, {\r\n key: \"type\",\r\n label: \"类型\",\r\n class: 'w-[120px]'\r\n\r\n}, {\r\n key: \"value\",\r\n label: \"金额\",\r\n class: 'w-[120px]'\r\n\r\n}, {\r\n key: \"hash\",\r\n label: \"哈希\",\r\n}\r\n]\r\n\r\nconst people = ref([\r\n /*{\r\n \"id\": 1,\r\n \"from\": { value: '0x11111111fce9647bdf1e7877bf73ce8b0bad1111', class: 'w-[80px]' },\r\n \"to\": '0x22222222fce9647bdf1e7877bf73ce8b0bad2222',\r\n \"type\": 'ETH',\r\n \"value\": '123',\r\n \"hash\": '0x88baba17ca0060d644a72a9460260104eea81e7959445d3500d015ed71875d38',\r\n }*/\r\n])\r\n\r\n\r\n\u003C/script>\r\n\r\n\r\n\u003Cstyle>\r\na {\r\n color: #65a30d;\r\n font-weight: 700;\r\n font-size: 20px;\r\n}\r\n\r\n\r\n\u003C/style>\r\n```\r\n\r\n\r\n\r\nHowever, once there is data, it will be stretched open. How can I fix the header so that the content is partially hidden and drag the header to decide whether to hide or display it? This is too common in daily development and provides a good user experience\r\n\r\n\r\n```vue\r\nconst people = ref([\r\n {\r\n \"id\": 1,\r\n \"from\": { value: '0x11111111fce9647bdf1e7877bf73ce8b0bad1111', class: 'w-[80px]' },\r\n \"to\": '0x22222222fce9647bdf1e7877bf73ce8b0bad2222',\r\n \"type\": 'ETH',\r\n \"value\": '123',\r\n \"hash\": '0x88baba17ca0060d644a72a9460260104eea81e7959445d3500d015ed71875d38',\r\n }\r\n])\r\n```\r\n\r\n",[2887,2890],{"name":2888,"color":2889},"question","d876e3",{"name":2891,"color":2892},"stale","ededed",2092,"UTable column width","2024-09-29T02:05:59Z","https://github.com/nuxt/ui/issues/2092",0.73770255,{"description":2899,"labels":2900,"number":2905,"owner":2877,"repository":2878,"state":2879,"title":2906,"updated_at":2907,"url":2908,"score":2909},"### Description\r\n\r\nHi 👋🏻 \r\n\r\nI started using NuxtUI and realized one more thing that can be improved. Right now, For `v-model` of tabs component index (number) is used.\r\n\r\nIf we want to get the key of active tab for making API req then we have to do something like below:\r\n```ts\r\nconst activeTabKey = items[itemsModel.value]!.key\r\n\r\n// With this feature implemented we can directly use `itemsModel.value`\r\n```\r\n\r\nInstead, if we can allow using `key` then:\r\n- I'll be more readable\r\n- If we change the order of the tabs (in items array) it doesn't affect the active tab\r\n\r\n### Additional context\r\n\r\nWe can also introduce this change in v3.",[2901,2904],{"name":2902,"color":2903},"enhancement","a2eeef",{"name":2874,"color":2875},2061,"Allow using tab item key as value for v-model","2024-08-20T06:04:17Z","https://github.com/nuxt/ui/issues/2061",0.7395417,{"description":2911,"labels":2912,"number":2916,"owner":2877,"repository":2917,"state":2918,"title":2919,"updated_at":2920,"url":2921,"score":2922},"Hi! I've got a misterious problem with nuxt/fonts\nSometimes when deploy I get this kind of error (5 times out of 15 deploys)\n\nThat's not a versel bug, I've tried to run locally `npm run build` about 20 itmes and 5 of them ended up with the same error. \n\nMy configuration:\n\n `\"@nuxt/fonts\": \"0.10.2\"`\n`\"nuxt\": \"3.13.2\",`\n ```export default defineNuxtConfig({\n components: [\n {\n path: \"~/components\",\n global: true,\n },\n ],\n\n devtools: { enabled: false },\n\n css: [\"~/assets/styles/_global.scss\"],\n\n modules: [\n \"@nuxt/fonts\",\n \"nuxt-icons\",\n \"@nuxt/eslint\",\n \"nuxt-quasar-ui\",\n \"@pinia/nuxt\",\n \"@nuxtjs/device\",\n \"@nuxt/image\",\n \"@nuxtjs/seo\",\n \"@nuxtjs/robots\",\n \"nuxt-schema-org\",\n \"nuxt-link-checker\",\n \"@nuxtjs/sitemap\",\n \"nuxt-seo-experiments\",\n \"@nuxtjs/i18n\",\n \"@nuxt/scripts\",\n ],\n\n plugins: [\n \"~/plugins/rest-api.js\",\n { src: \"~/plugins/sentry.ts\", mode: \"client\" },\n { src: \"~/plugins/error-handler.ts\", mode: \"client\" },\n { src: \"~/plugins/image-error.ts\", mode: \"client\" },\n ],\n\n // scripts\n $production: {\n },\n\n $development: {\n },\n\n //SEO\n sitemap: {\n enabled: true,\n urls: async () => await getSiteMap(),\n defaults: {\n changefreq: \"daily\",\n priority: 1,\n lastmod: new Date(),\n },\n },\n robots: {\n enabled: true,\n disallow: [\"/admin\", \"/ui-kit\", \"/profile\", \"/third-party-auth\"],\n allow: \"/\",\n },\n ogImage: {\n enabled: false,\n },\n schemaOrg: {\n enabled: true,\n identity: {\n },\n defaults: false,\n reactive: true,\n },\n seo: {\n automaticDefaults: false,\n fallbackTitle: false,\n },\n linkChecker: {\n enabled: true,\n },\n seoExperiments: {\n enabled: true,\n },\n\n site: {\n\n },\n\n app: {\n head: {\n },\n },\n //SEO\n\n //images\n image: {\n format: [\"webp\", \"png\", \"svg\"],\n },\n //images\n\n //langs\n i18n: {\n legacy: false,\n locales: [\n {\n code: \"en\",\n name: \"English\",\n iso: \"en-US\",\n file: \"en.json\",\n },\n {\n code: \"de\",\n name: \"Deutsch\",\n iso: \"de-DE\",\n file: \"de.json\",\n },\n ],\n messages: {\n en: {},\n },\n defaultLocale: \"en\",\n strategy: \"prefix_except_default\",\n lazy: true,\n langDir: \"locales/\",\n detectBrowserLanguage: {\n useCookie: true,\n cookieKey: \"i18n_redirected\",\n alwaysRedirect: true,\n fallbackLocale: \"en\",\n },\n },\n //langs\n\n //vite\n vite: {\n css: {\n preprocessorOptions: {\n scss: {\n additionalData: '@use \"~/assets/styles/variables/_mixins.scss\" as *;',\n },\n },\n },\n build: {\n sourcemap: true,\n rollupOptions: {\n output: {\n // manualChunks: undefined,\n },\n },\n // cssCodeSplit: false,\n },\n\n plugins: [\n sentryVitePlugin({\n }),\n ],\n },\n //vite\n\n //ui\n quasar: {\n lang: \"ru\",\n plugins: [\"Dialog\", \"Notify\", \"Loading\", \"AppVisibility\"],\n },\n //ui\n\n //env\n runtimeConfig: {\n devtools: {\n enabled: true,\n },\n public: {\n },\n },\n //env\n\n //nitro\n nitro: {\n prerender: {\n // crawlLinks: true,\n routes: [\"/sitemap.xml\", \"/robots.txt\"],\n },\n compressPublicAssets: true,\n },\n //nitro\n\n //prerender\n routeRules: {\n },\n //prerender\n\n router: {\n options: {\n scrollBehaviorType: \"smooth\",\n },\n },\n\n //build\n build: {\n analyze: true,\n },\n\n //build\n\n //hooks\n hooks: {\n // \"build:before\": () => {\n // console.log(\"Running ESLint...\");\n // try {\n // execSync(\"pnpm run lint\", { stdio: \"inherit\" });\n // } catch (error) {\n // console.error(\"ESLint found issues\");\n // }\n // },\n },\n //hooks\n\n //other\n typescript: {\n strict: true,\n },\n ssr: false,\n compatibilityDate: \"2024-11-10\",\n //other\n});\n```\n----------\n```\n.dm-sans {\n font-family: \"DM Sans\", sans-serif;\n font-optical-sizing: auto;\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Cabinet Grotesk\";\n src: url(\"~/assets/fonts/CabinetGrotesk-Bold.ttf\") format(\"truetype\");\n font-weight: 700;\n}\n\n@font-face {\n font-family: \"Cabinet Grotesk\";\n src: url(\"~/assets/fonts/CabinetGrotesk-Regular.ttf\") format(\"truetype\");\n font-weight: 400;\n}\n@font-face {\n font-family: \"DM Sans\";\n src: url(\"~/assets/fonts/DMSans-Bold.ttf\") format(\"truetype\");\n font-weight: 700;\n}\n\n@font-face {\n font-family: \"DM Sans\";\n src: url(\"~/assets/fonts/DMSans-Regular.ttf\") format(\"truetype\");\n font-weight: 400;\n}\n\n.cabinet-grotesk {\n font-family: \"Cabinet Grotesk\", sans-serif;\n font-optical-sizing: auto;\n font-weight: normal;\n font-style: normal;\n}\n```\n\nIs there any one with the similar problem? \n\n",[2913],{"name":2914,"color":2915},"duplicate","cfd3d7",408,"fonts","closed","Family injection fetch failed","2024-12-05T02:26:06Z","https://github.com/nuxt/fonts/issues/408",0.6916371,{"description":2924,"labels":2925,"number":2932,"owner":2877,"repository":2877,"state":2918,"title":2933,"updated_at":2934,"url":2935,"score":2936},"Hi,\r\n\r\nI noticed that the colorscheme of the code block in the documents of modules doesn't display well in light mode.\r\n\r\nFor example, in [@nuxt/tailwindcss](https://nuxt.com/modules/tailwindcss),\r\n\r\nThe color of the code is the same as the background, for example:\r\n\r\nIn light mode, I can't see any code but comments\r\n\r\n\r\nHowever, in dark mode, it works well\r\n\r\n\r\nThe braces in the code block have a similar issue as well, \r\n\r\nIn light mode, all the braces disappear:\r\n\r\n\r\nCompared with dark mode:\r\n\r\n",[2926,2929],{"name":2927,"color":2928},"documentation","5319e7",{"name":2930,"color":2931},"3.x","29bc7f",15501,"Colorscheme of code blocks in light mode seems unclear","2023-02-15T13:09:14Z","https://github.com/nuxt/nuxt/issues/15501",0.6916442,{"description":2938,"labels":2939,"number":2943,"owner":2877,"repository":2944,"state":2918,"title":2945,"updated_at":2946,"url":2947,"score":2948},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.9.3\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-vy6psx\n\n### Describe the bug\n\n```\r\nError: [vitest] Cannot mock \"vue-router\" because it is already loaded by \"virtual:nuxt:/home/projects/github-vy6psx/.nuxt/vue-router-stub.mjs\", \"virtual:nuxt:/home/projects/github-vy6psx/.nuxt/pages.mjs\".\r\n\r\nPlease, remove the import if you want static imports to be mocked, or clear module cache by calling \"vi.resetModules()\" before mocking if you are going to import the file again. See: https://vitest.dev/guide/common-errors.html#cannot-mock-mocked-file-js-because-it-is-already-loaded\r\n```\r\n\r\nI get this error message whenever I try to mock `vue-router` after upgrading to `3.9.0`. \r\nBefore the merge of `nuxt-vitest` and `@nuxt/text-utils`, the mock worked fine.\r\nI've tried to `vi.resetModules()` and other alike functions, but none of them have helped.\r\n\r\nAdditionally, if `@nuxt/test-utils/module` is present in `nuxt.config.ts` modules, `npm run dev` throws the following error:\r\n```\r\nThis module cannot be imported in the Vue part of your app. [importing @nuxt/test-utils/runtime from pages/__tests__/index.spec.ts]\r\n```\n\n### Additional context\n\nTests can be ran with `npm run test`.\r\n`vi.mock()` is located in `pages/__tests__/index.spec.ts`.\n\n### Logs\n\n_No response_",[2940],{"name":2941,"color":2942},"pending triage","5D08F5",734,"test-utils","vue-router mock","2024-09-23T14:14:32Z","https://github.com/nuxt/test-utils/issues/734",0.70629674,{"description":2950,"labels":2951,"number":2952,"owner":2877,"repository":2877,"state":2918,"title":2953,"updated_at":2954,"url":2955,"score":2956},"### Environment\n\nIt's not particularly relevant to the docs y'all host, but if you want to know, here's my environment info:\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v18.12.1`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `npm@8.19.2`\r\n- Builder: `vite`\r\n- User Config: `title`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nhttps://nuxt.com/modules/i18n\r\nhttps://nuxt.com/modules/tailwindcss\n\n### Describe the bug\n\nCode snippets' text is in a mid-to-dark grey, dark blue, and dark orange on a black background making them neigh impossible to read. (The bright blue `>` prompts on the black background also cause my eyes to wig out a bit, but that might just be me. The contrast definitely isn't.)\r\n\r\n\u003Cimg width=\"1456\" alt=\"lighthouse\" src=\"https://user-images.githubusercontent.com/7552754/206815045-19717335-9107-4f9e-9989-ee0a233f1227.png\">\r\n\r\n\r\n\r\n\r\n\n\n### Additional context\n\nThis is happening in both Firefox 107.0.1 and Chrome 108.0.5359.98 on macOS 10.15.7 with the operating system set to \"Light\" Appearance.\n\n### Logs\n\n_No response_",[],15823,"Module Docs: Almost no contrast on code snippets","2023-01-20T14:16:02Z","https://github.com/nuxt/nuxt/issues/15823",0.70799845,{"description":2958,"labels":2959,"number":2965,"owner":2877,"repository":2966,"state":2918,"title":2967,"updated_at":2968,"url":2969,"score":2970},"On sub-pages (paths longer than 1 level) 404 is not triggered\n\nEx:\n\nhttps://nuxt.com/unknown => Triggers 404\nhttps://nuxt.com/modules/unknown => Broken page",[2960,2962],{"name":2868,"color":2961},"ff281a",{"name":2963,"color":2964},"SEO","01403D",1046,"nuxt.com","404s handling","2023-06-06T12:14:30Z","https://github.com/nuxt/nuxt.com/issues/1046",0.7098873,{"description":2972,"labels":2973,"number":2974,"owner":2877,"repository":2917,"state":2918,"title":2975,"updated_at":2976,"url":2977,"score":2978},"Anyone can insight how to use it with Unocss ?",[],63,"Doc unclear how to use it with Unocss ","2024-04-01T11:00:14Z","https://github.com/nuxt/fonts/issues/63",0.713805,{"description":2980,"labels":2981,"number":2986,"owner":2877,"repository":2877,"state":2918,"title":2987,"updated_at":2988,"url":2989,"score":2990},"### Environment\n\n-\n\n### Reproduction\n\nhttps://nuxt.com/modules/tailwindcss\r\nhttps://nuxt.com/modules/nuxt-viewport\n\n### Describe the bug\n\nUsing the light theme we get code highlighting bug\r\n\u003Cimg width=\"1048\" alt=\"image\" src=\"https://user-images.githubusercontent.com/24970784/202643486-d93875f9-5281-4b09-9ac0-f9c964502058.png\">\r\n\u003Cimg width=\"1046\" alt=\"image\" src=\"https://user-images.githubusercontent.com/24970784/202643580-8d1c222f-3c4c-456a-b00a-a9746e1bd92e.png\">\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2982,2983,2984],{"name":2927,"color":2928},{"name":2930,"color":2931},{"name":2941,"color":2985},"E99695",15531,"docs: markdown in modules with light theme are broken","2023-01-19T17:53:18Z","https://github.com/nuxt/nuxt/issues/15531",0.7145101,["Reactive",2992],{},["Set"],["ShallowReactive",2995],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fWPCKp8nHLw9MZsmftti7WIhKK6ycxm5iOmemwOODgP8":-1},"/nuxt/ui/2610"]