\r\n \u003CVCalendarDatePicker v-else v-model=\"date\" v-bind=\"{ ...attrs, ...$attrs }\" />\r\n\u003C/template>\r\n\r\n\u003Cstyle>\r\n:root {\r\n --vc-gray-50: rgb(var(--color-gray-50));\r\n --vc-gray-100: rgb(var(--color-gray-100));\r\n --vc-gray-200: rgb(var(--color-gray-200));\r\n --vc-gray-300: rgb(var(--color-gray-300));\r\n --vc-gray-400: rgb(var(--color-gray-400));\r\n --vc-gray-500: rgb(var(--color-gray-500));\r\n --vc-gray-600: rgb(var(--color-gray-600));\r\n --vc-gray-700: rgb(var(--color-gray-700));\r\n --vc-gray-800: rgb(var(--color-gray-800));\r\n --vc-gray-900: rgb(var(--color-gray-900));\r\n}\r\n\r\n.vc-primary {\r\n --vc-accent-50: rgb(var(--color-primary-50));\r\n --vc-accent-100: rgb(var(--color-primary-100));\r\n --vc-accent-200: rgb(var(--color-primary-200));\r\n --vc-accent-300: rgb(var(--color-primary-300));\r\n --vc-accent-400: rgb(var(--color-primary-400));\r\n --vc-accent-500: rgb(var(--color-primary-500));\r\n --vc-accent-600: rgb(var(--color-primary-600));\r\n --vc-accent-700: rgb(var(--color-primary-700));\r\n --vc-accent-800: rgb(var(--color-primary-800));\r\n --vc-accent-900: rgb(var(--color-primary-900));\r\n}\r\n\u003C/style>\r\n```\r\n\r\n2. Create this date range page as specified\r\n```html\r\n\u003Cscript setup lang=\"ts\">\r\nimport { sub, format, isSameDay, type Duration } from 'date-fns'\r\n\r\nconst ranges = [\r\n { label: 'Last 7 days', duration: { days: 7 } },\r\n { label: 'Last 14 days', duration: { days: 14 } },\r\n { label: 'Last 30 days', duration: { days: 30 } },\r\n { label: 'Last 3 months', duration: { months: 3 } },\r\n { label: 'Last 6 months', duration: { months: 6 } },\r\n { label: 'Last year', duration: { years: 1 } }\r\n]\r\nconst selected = ref({ start: sub(new Date(), { days: 14 }), end: new Date() })\r\n\r\nfunction isRangeSelected (duration: Duration) {\r\n return isSameDay(selected.value.start, sub(new Date(), duration)) && isSameDay(selected.value.end, new Date())\r\n}\r\n\r\nfunction selectRange (duration: Duration) {\r\n selected.value = { start: sub(new Date(), duration), end: new Date() }\r\n}\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CUPopover :popper=\"{ placement: 'bottom-start' }\">\r\n \u003CUButton icon=\"i-heroicons-calendar-days-20-solid\">\r\n {{ format(selected.start, 'd MMM, yyy') }} - {{ format(selected.end, 'd MMM, yyy') }}\r\n \u003C/UButton>\r\n\r\n \u003Ctemplate #panel=\"{ close }\">\r\n \u003Cdiv class=\"flex items-center sm:divide-x divide-gray-200 dark:divide-gray-800\">\r\n \u003Cdiv class=\"hidden sm:flex flex-col py-4\">\r\n \u003CUButton\r\n v-for=\"(range, index) in ranges\"\r\n :key=\"index\"\r\n :label=\"range.label\"\r\n color=\"gray\"\r\n variant=\"ghost\"\r\n class=\"rounded-none px-6\"\r\n :class=\"[isRangeSelected(range.duration) ? 'bg-gray-100 dark:bg-gray-800' : 'hover:bg-gray-50 dark:hover:bg-gray-800/50']\"\r\n truncate\r\n @click=\"selectRange(range.duration)\"\r\n />\r\n \u003C/div>\r\n\r\n \u003CDatePicker v-model=\"selected\" @close=\"close\" />\r\n \u003C/div>\r\n \u003C/template>\r\n \u003C/UPopover>\r\n\u003C/template>\r\n```\r\n\r\n3. Click on the 5th of September and then on the 9th of October and witness the error in console logs\r\n\r\n\r\n \n\n### Description\n\nFollowing the daterange section here (https://ui.nuxt.com/components/date-picker#daterangepicker) exactly and then selecting a custom start and end date results in this error:\r\n```text\r\nv-calendar.js?v=4705749a:4740 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'dayIndex')\r\n at DateRangeContext.render (v-calendar.js?v=4705749a:4740:35)\r\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2929],{"name":2930,"color":2931},"bug","d73a4a",2208,"ui","DatePicker undefined 'dayIndex' error for custom date selection (docs out of date?)","2025-03-14T12:54:49Z","https://github.com/nuxt/ui/issues/2208",0.7340293,{"description":2939,"labels":2940,"number":2943,"owner":2878,"repository":2878,"state":2894,"title":2944,"updated_at":2945,"url":2946,"score":2947},"### Versions\r\n\r\n- nuxt: @nuxt/cli v2.15.8\r\n- node: v16.14.0\r\n\r\n### Reproduction\r\n\r\nSee steps to reproduce...\r\n\r\n\u003Cdetails open>\r\n\u003Csummary>Additional Details\u003C/summary>\r\n\u003Cbr>\r\nexport default {\r\n // Disable server-side rendering: https://go.nuxtjs.dev/ssr-mode\r\n ssr: false,\r\n\r\n // Global page headers: https://go.nuxtjs.dev/config-head\r\n head: {\r\n title: 'yyy',\r\n htmlAttrs: {\r\n lang: 'en',\r\n },\r\n meta: [\r\n { charset: 'utf-8' },\r\n { name: 'viewport', content: 'width=device-width, initial-scale=1' },\r\n { hid: 'description', name: 'description', content: '' },\r\n { name: 'format-detection', content: 'telephone=no' },\r\n ],\r\n link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],\r\n },\r\n\r\n // Global CSS: https://go.nuxtjs.dev/config-css\r\n css: ['@/assets/css/common.css'],\r\n\r\n // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins\r\n plugins: ['~/plugins/route'],\r\n\r\n // Auto import components: https://go.nuxtjs.dev/config-components\r\n components: true,\r\n\r\n // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules\r\n buildModules: [\r\n // https://go.nuxtjs.dev/typescript\r\n ['@nuxt/typescript-build'],\r\n ],\r\n\r\n // Modules: https://go.nuxtjs.dev/config-modules\r\n modules: [\r\n // https://go.nuxtjs.dev/bootstrap\r\n 'bootstrap-vue/nuxt',\r\n // https://go.nuxtjs.dev/axios\r\n '@nuxtjs/axios',\r\n ],\r\n\r\n // Axios module configuration: https://go.nuxtjs.dev/config-axios\r\n axios: {\r\n // Workaround to avoid enforcing hard-coded localhost:3000: https://github.com/nuxt-community/axios-module/issues/308\r\n baseURL: '/',\r\n },\r\n\r\n // Build Configuration: https://go.nuxtjs.dev/config-build\r\n build: {},\r\n serverMiddleware: [{ path: '/api', handler: '~/api/api.ts' }],\r\n}\r\n\u003C/details>\r\n\r\n### Steps to reproduce\r\n\r\n1. yarn create nuxt-app yyy\r\n2. choose typescript support\r\n3. yarn install\r\n4. `tsconfig.json` change `moduleResolution` to `Node16`\r\n5. run yarn dev\r\n\r\n### What is Expected?\r\n\r\nNo errors\r\n\r\n### What is actually happening?\r\n```\r\n ERROR Failed to compile with 2 errors friendly-errors 14:02:39\r\n\r\n\r\n ERROR in C:\\Users\\xxx\\GitHub\\nuxt2\\tsconfig.json friendly-errors 14:02:39\r\n\r\n friendly-errors 14:02:39\r\n TS6046: Argument for '--moduleResolution' option must be: 'node', 'classic'.\r\n friendly-errors 14:02:39\r\n @ ./pages/index.vue?vue&type=script&lang=ts& 1:0-216 1:232-235 1:237-450 1:237-450\r\n @ ./pages/index.vue\r\n @ ./.nuxt/router.js\r\n @ ./.nuxt/index.js\r\n @ ./.nuxt/client.js\r\n @ multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js\r\n friendly-errors 14:02:39\r\n\r\n ERROR in ./pages/index.vue?vue&type=script&lang=ts& friendly-errors 14:02:39\r\n\r\nModule build failed (from ./node_modules/ts-loader/index.js): friendly-errors 14:02:39\r\nError: error while parsing tsconfig.json\r\n at Object.loader (C:\\Users\\xxx\\GitHub\\nuxt2\\node_modules\\ts-loader\\dist\\index.js:18:18)\r\n friendly-errors 14:02:39\r\n @ ./pages/index.vue?vue&type=script&lang=ts& 1:0-216 1:232-235 1:237-450 1:237-450\r\n @ ./pages/index.vue\r\n @ ./.nuxt/router.js\r\n @ ./.nuxt/index.js\r\n @ ./.nuxt/client.js\r\n @ multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js\r\n```",[2941,2942],{"name":2906,"color":2907},{"name":2891,"color":2892},10705,"tsconfig.js moduleResolution Node16 or NodeNext","2024-06-30T09:24:42Z","https://github.com/nuxt/nuxt/issues/10705",0.7345314,{"description":2949,"labels":2950,"number":2953,"owner":2878,"repository":2878,"state":2894,"title":2954,"updated_at":2955,"url":2956,"score":2957},"### Environment\r\n\r\nNuxt project info: 10:14:52\r\n\r\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v16.19.0`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `yarn@3.3.1`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\r\n\r\n\r\n### Reproduction\r\n\r\nNx workspace with \r\n\r\nroot **tsconfig.base.json**\r\n```\r\n{\r\n \"compileOnSave\": false,\r\n \"compilerOptions\": {\r\n \"rootDir\": \".\",\r\n \"baseUrl\": \"..\",\r\n \"jsx\": \"preserve\",\r\n \"target\": \"ESNext\",\r\n \"module\": \"ESNext\",\r\n \"moduleResolution\": \"Node\",\r\n \"noEmit\": true,\r\n \"strict\": false,\r\n \"allowJs\": true,\r\n \"sourceMap\": true,\r\n \"declaration\": false,\r\n \"skipLibCheck\": true,\r\n \"importHelpers\": true,\r\n \"removeComments\": true,\r\n \"esModuleInterop\": true,\r\n \"resolveJsonModule\": true,\r\n \"skipDefaultLibCheck\": true,\r\n \"emitDecoratorMetadata\": true,\r\n \"experimentalDecorators\": true,\r\n \"allowSyntheticDefaultImports\": true,\r\n \"noPropertyAccessFromIndexSignature\": false,\r\n \"types\": [\r\n \"node\"\r\n ],\r\n \"lib\": [\r\n \"es2017\",\r\n \"dom\"\r\n ]\r\n }\r\n}\r\n```\r\n\r\napp tsconfig.json in /apps/some-directory/my-app\r\n```\r\n{\r\n // https://v3.nuxtjs.org/concepts/typescript\r\n \"extends\": \"../../../tsconfig.base.json\"\r\n}\r\n```\r\n\r\ninstall **https://github.com/sidebase/nuxt-auth** or **https://github.com/sfxcode/nuxt-primevue**\r\n\r\n\r\nnuxt.config.ts\r\n```\r\nimport {defineNuxtConfig} from 'nuxt/config';\r\n\r\nexport default defineNuxtConfig({\r\n\r\n ssr: true,\r\n\r\n auth: {\r\n // The module is enabled. Change this to disable the module\r\n isEnabled: false,\r\n // The origin is set to the development origin. Change this when deploying to production by setting `origin` in this config before build-time or by exporting `AUTH_ORIGIN` by running `export AUTH_ORIGIN=...`\r\n origin: 'http://localhost:3000',\r\n // The base path to the authentication endpoints. Change this if you want to add your auth-endpoints at a non-default location\r\n basePath: '/api/auth',\r\n // Whether to periodically refresh the session. Change this to `true` for a refresh every seconds or set this to a number like `5000` for a refresh every 5000 milliseconds (aka: 5 seconds)\r\n enableSessionRefreshPeriodically: false,\r\n // Whether to refresh the session whenever a window focus event happens, i.e, when your user refocuses the window. Set this to `false` to turn this off\r\n enableSessionRefreshOnWindowFocus: true,\r\n // Whether to add a global authentication middleware that will protect all pages without exclusion\r\n enableGlobalAppMiddleware: true,\r\n // Configuration of the global auth-middleware (only applies if you set `enableGlobalAppMiddleware: true` above!)\r\n globalMiddlewareOptions: {\r\n // Whether to allow access to 404 pages without authentication. Set this to `false` to force users to sign-in before seeing `404` pages. Setting this to false may lead to vue-router problems (as the target page does not exist)\r\n allow404WithoutAuth: true\r\n }\r\n },\r\n\r\n modules: [\r\n '@sidebase/nuxt-auth',\r\n '@sfxcode/nuxt-primevue'\r\n ],\r\n\r\n\r\n primevue: {\r\n config: {\r\n ripple: true,\r\n },\r\n },\r\n\r\n css: [\r\n 'primevue/resources/primevue.min.css',\r\n 'primevue/resources/themes/lara-light-indigo/theme.css',\r\n 'primeicons/primeicons.css',\r\n '@sfxcode/formkit-primevue/dist/sass/formkit-prime-inputs.scss',\r\n '@sfxcode/formkit-primevue/dist/sass/formkit-primevue.scss',\r\n ],\r\n\r\n build: {\r\n transpile: [\r\n 'primevue'\r\n ],\r\n }\r\n\r\n});\r\n\r\n```\r\n\r\n### Describe the bug\r\n\r\nIntelliJ IDEA complains about the **auth** property, and (if removed) the **primevue** property with \r\n\r\n> \"Object literal may only specify known properties...'auth' does not exist in type 'NuxtConfig'\" \r\n\r\n\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2951,2952],{"name":2903,"color":2904},{"name":2906,"color":2907},12386,"\"Object literal may only specify known properties...'auth' does not exist in type 'NuxtConfig'\" in nuxt.config.ts ","2023-01-19T16:18:50Z","https://github.com/nuxt/nuxt/issues/12386",0.73496777,{"description":2959,"labels":2960,"number":2961,"owner":2878,"repository":2962,"state":2894,"title":2963,"updated_at":2964,"url":2965,"score":2966},"Hello Nuxt community team. Thanks for the great work with this package. I'm trying to test some nuxt modules I've built. Unfortunately there is no clear way of setting it up. The documentation on the README wasn't very helpful. I'll be happy to return to this when I'm able to get some help. Thanks!",[],369,"test-utils","Documentation","2023-12-02T00:13:09Z","https://github.com/nuxt/test-utils/issues/369",0.73503405,{"description":2968,"labels":2969,"number":2971,"owner":2878,"repository":2878,"state":2894,"title":2972,"updated_at":2973,"url":2974,"score":2975},"https://nuxtjs.org/guide/routing/#middleware\r\n```\r\nexport default function (context) {\r\n context.userAgent = context.isServer ? context.req.headers['user-agent'] : navigator.userAgent\r\n}\r\n```\r\ncopy this code in you framwork run generate \r\ncontext.userAgent is undefined\r\nnot work in nginx and github\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/c472\">#c472\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2970],{"name":2891,"color":2892},549,"middleware auth.js generate error","2023-01-18T15:39:30Z","https://github.com/nuxt/nuxt/issues/549",0.73521805,{"description":2977,"labels":2978,"number":2986,"owner":2878,"repository":2933,"state":2894,"title":2987,"updated_at":2988,"url":2989,"score":2990},"",[2979,2980,2983],{"name":2930,"color":2931},{"name":2981,"color":2982},"v3","49DCB8",{"name":2984,"color":2985},"typescript","3A629E",2140,"[NavigationMenu/DropdownMenu/ContextMenu] Generic type doesn't work when passing links as `[][]`","2025-03-24T20:38:14Z","https://github.com/nuxt/ui/issues/2140",0.73762953,["Reactive",2992],{},["Set"],["ShallowReactive",2995],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fZauPrOHsmZWj03rszRCH2sRazK86hqqWPNUZrOCTlgE":-1},"/nuxt/ui/2274"]