at Function.entries ()
at ReactiveEffect.fn (./node_modules/@nuxthq/ui/dist/runtime/plugins/colors.mjs:25:10)
at ReactiveEffect.run (./node_modules/@vue/reactivity/dist/reactivity.cjs.js:182:19)
at get value [as value] (./node_modules/@vue/reactivity/dist/reactivity.cjs.js:1143:33)
at innerHTML (./node_modules/@nuxthq/ui/dist/runtime/plugins/colors.mjs:30:29)
at resolveUnref (./node_modules/@unhead/vue/dist/shared/vue.505b826e.mjs:9:36)
at resolveUnrefHeadInput (./node_modules/@unhead/vue/dist/shared/vue.505b826e.mjs:14:16)
at ./node_modules/@unhead/vue/dist/shared/vue.505b826e.mjs:24:20
at Array.map ()
at resolveUnrefHeadInput (./node_modules/@unhead/vue/dist/shared/vue.505b826e.mjs:21:28)
Version
@nuxthq/ui: v 2.3.0 nuxt: v 3.5.3 node: 18.13.0 npm 9.6.6 yarn 3.6.0 linux: ubuntu 22.04
Reproduction Link
Steps to reproduce
only install nuxthq/ui and remove tailwind.config.ts & nuxtjs/tailwind
package.json
{ "private": true, "name": "issue", "scripts": { "build": "nuxt build", "dev": "nuxt dev --host crm-premo.io", "dev:open": "nuxt dev", "generate": "nuxt generate", "preview": "nuxt preview", "start": "nuxt start", "postinstall": "nuxt prepare", "typecheck": "nuxi typecheck .", "lint": "eslint --ext .ts,.js,.vue . --ignore-pattern .eslintignore", "lint:fix": "eslint --ext .ts,.js,.vue . --fix", "test:unit:ui": "vitest --ui", "test:unit": "vitest --run --reporter verbose --globals", "test:unit:component": "vitest --run --testNamePattern=", "test:unit:watch": "vitest --reporter verbose --globals", "test:unit:config": "vitest --config ./vitest.config.ts", "test:unit:typecheck": "vitest typecheck", "coverage": "vitest run --coverage.enabled --coverage.provider=c8 --coverage.all", "open:coverage": "google-chrome coverage/index.html", "test:e2e": "cypress open --e2e --browser chrome", "test:e2e:hl": "cypress run --headed --browser chrome --spec 'cypress/**'", "test:component": "cypress open --component", "test:component:hl": "cypress run --config video=false --component", "prepare": "husky install" }, "devDependencies": { "@commitlint/cli": "~17.6.5", "@commitlint/config-conventional": "~17.6.5", "@intlify/vite-plugin-vue-i18n": "~7.0.0", "@nuxt/eslint-config": "~0.1.1", "@nuxt/image": "~0.7.1", "@nuxt/test-utils": "~3.5.3", "@nuxthq/ui": "~2.3.0", "@vitest/coverage-c8": "~0.32.0", "@vitest/ui": "~0.32.0", "@vue/test-utils": "^2.3.2", "cypress": "~12.14.0", "happy-dom": "~8.9.0", "husky": "~8.0.3", "i": "~0.3.7", "jsdom": "~22.1.0", "lint-staged": "~13.2.2", "nuxt": "~3.5.3", "sass": "~1.63.2", "tailwind-scrollbar-hide": "~1.1.7", "typescript": "~5.0.4", "vite-plugin-eslint": "~1.8.1", "vitest": "~0.32.0" }, "packageManager": "yarn@3.6.0", "dependencies": { "@cypress/vite-dev-server": "~5.0.5", "@cypress/vue": "~5.0.5", "@heroicons/vue": "~2.0.18", "@intlify/unplugin-vue-i18n": "~0.11.0", "@nuxt/kit": "~3.5.3", "@nuxtjs/device": "~3.1.0", "@nuxtjs/eslint-config": "~12.0.0", "@nuxtjs/eslint-config-typescript": "~12.0.0", "@pinia-plugin-persistedstate/nuxt": "~1.1.1", "@pinia/nuxt": "~0.4.11", "@sentry/tracing": "~7.54.0", "@sentry/vue": "~7.54.0", "@tailwindcss/aspect-ratio": "~0.4.2", "@tailwindcss/forms": "~0.5.3", "@tailwindcss/typography": "~0.5.9", "@types/ua-parser-js": "~0.7.36", "@typescript-eslint/eslint-plugin": "~5.59.9", "@typescript-eslint/parser": "~5.59.9", "@vee-validate/i18n": "~4.9.6", "@vee-validate/rules": "~4.9.6", "@vitejs/plugin-vue": "~4.2.3", "@vue/eslint-config-airbnb": "~7.0.0", "@vueform/multiselect": "~2.6.2", "@vueuse/core": "~9.13.0", "@vueuse/nuxt": "~10.1.2", "chart.js": "~4.3.0", "eslint": "~8.40.0", "eslint-import-resolver-typescript": "~3.5.5", "eslint-plugin-cypress": "~2.13.3", "eslint-plugin-nuxt": "~4.0.0", "eslint-plugin-vue": "~9.13.0", "nuxt-headlessui": "~1.1.4", "nuxt-typed-router": "~3.2.3", "pinia": "~2.1.3", "pinia-plugin-persistedstate": "~3.1.0", "ua-parser-js": "~1.0.35", "vee-validate": "~4.9.6", "vue": "~3.3.4", "vue-advanced-cropper": "~2.8.8", "vue-chartjs": "~5.2.0", "vue-i18n": "~9.2.2", "vue-tsc": "^1.6.5", "vue-types": "~5.0.3", "yup": "~1.2.0" } }
What is Expected?
What is actually happening?
500 Cannot convert undefined or null to object
at Function.entries () at ReactiveEffect.fn (./node_modules/@nuxthq/ui/dist/runtime/plugins/colors.mjs:25:10) at ReactiveEffect.run (./node_modules/@vue/reactivity/dist/reactivity.cjs.js:182:19) at get value [as value] (./node_modules/@vue/reactivity/dist/reactivity.cjs.js:1143:33) at innerHTML (./node_modules/@nuxthq/ui/dist/runtime/plugins/colors.mjs:30:29) at resolveUnref (./node_modules/@unhead/vue/dist/shared/vue.505b826e.mjs:9:36) at resolveUnrefHeadInput (./node_modules/@unhead/vue/dist/shared/vue.505b826e.mjs:14:16) at ./node_modules/@unhead/vue/dist/shared/vue.505b826e.mjs:24:20 at Array.map () at resolveUnrefHeadInput (./node_modules/@unhead/vue/dist/shared/vue.505b826e.mjs:21:28)