chore(release): 0.1.8

CHANGELOG.md

@@ -2,6 +2,34 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.8](https://github.com/nuxtlabs/ui/compare/v0.1.7...v0.1.8) (2022-11-16)
+
+### [0.1.7](https://github.com/nuxtlabs/ui/compare/v0.1.6...v0.1.7) (2022-11-16)
+
+### [0.1.6](https://github.com/nuxtlabs/ui/compare/v0.1.5...v0.1.6) (2022-11-15)
+
+
+### Bug Fixes
+
+* **SelectCustom:** add `w-full` on `ComboboxButton` ([3a300f7](https://github.com/nuxtlabs/ui/commit/3a300f72c1eca756ffd8f07ab871bf9c7bd7868d))
+
+### [0.1.5](https://github.com/nuxtlabs/ui/compare/v0.1.4...v0.1.5) (2022-11-08)
+
+### [0.1.4](https://github.com/nuxtlabs/ui/compare/v0.1.3...v0.1.4) (2022-11-08)
+
+
+### Bug Fixes
+
+* **button:** support `RouteLocationRaw` type for `to` ([#112](https://github.com/nuxtlabs/ui/issues/112)) ([1b56b50](https://github.com/nuxtlabs/ui/commit/1b56b50d4d54a5cb9e5febacdf42867988ae6c5d))
+
+### [0.1.3](https://github.com/nuxtlabs/ui/compare/v0.1.2...v0.1.3) (2022-11-04)
+
+
+### Bug Fixes
+
+* **docs:** component input string field ([e521e1a](https://github.com/nuxtlabs/ui/commit/e521e1ac2421dc331652f1ea4ac2b0b2959dc069))
+* **types:** add missing field in command palette type ([#111](https://github.com/nuxtlabs/ui/issues/111)) ([28586c3](https://github.com/nuxtlabs/ui/commit/28586c35a558d9e925094f86e07acdb928d54ad7))
+
 ### [0.1.2](https://github.com/nuxtlabs/ui/compare/v0.1.1...v0.1.2) (2022-10-27)
 
 ### [0.1.1](https://github.com/nuxtlabs/ui/compare/v0.1.0...v0.1.1) (2022-10-26)

docs/app.vue

@@ -59,7 +59,7 @@
 </template>
 
 <script setup>
-useMeta({
+useHead({
   bodyAttrs: {
     class: 'antialiased font-sans text-gray-700 bg-gray-50 dark:bg-gray-900 dark:text-gray-200 bg-white dark:bg-black'
   }

docs/pages/components/[component].vue

@@ -67,7 +67,7 @@
             size="sm"
           />
           <UInput
-            v-else-if="prop.type === 'String' && typeof prop.value === 'string'"
+            v-else-if="prop.type === 'String'"
             v-model="prop.value"
             :name="prop.key"
             size="sm"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxthq/ui",
-  "version": "0.1.2",
+  "version": "0.1.8",
   "repository": "https://github.com/nuxtlabs/ui",
   "license": "MIT",
   "exports": {
@@ -24,29 +24,29 @@
     "release": "yarn lint && standard-version && git push --follow-tags"
   },
   "dependencies": {
-    "@headlessui/vue": "^1.7.3",
+    "@headlessui/vue": "^1.7.4",
     "@iconify/vue": "^4.0.0",
-    "@nuxt/kit": "^3.0.0-rc.12",
+    "@nuxt/kit": "^3.0.0",
     "@nuxtjs/color-mode": "^3.1.8",
-    "@nuxtjs/tailwindcss": "^6.1.1",
+    "@nuxtjs/tailwindcss": "^6.1.3",
     "@popperjs/core": "^2.11.6",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/line-clamp": "^0.4.2",
-    "@tailwindcss/typography": "^0.5.7",
-    "@vueuse/core": "^9.4.0",
-    "@vueuse/integrations": "^9.4.0",
-    "defu": "^6.1.0",
+    "@tailwindcss/typography": "^0.5.8",
+    "@vueuse/core": "^9.5.0",
+    "@vueuse/integrations": "^9.5.0",
+    "defu": "^6.1.1",
     "fuse.js": "^6.6.2",
     "lodash-es": "^4.17.21",
-    "tailwindcss": "^3.2.1"
+    "tailwindcss": "^3.2.4"
   },
   "devDependencies": {
-    "@nuxt/module-builder": "^0.2.0",
+    "@nuxt/module-builder": "^0.2.1",
     "@nuxtjs/eslint-config-typescript": "^11.0.0",
     "@types/lodash-es": "^4.17.6",
-    "eslint": "^8.26.0",
-    "nuxt": "^3.0.0-rc.9",
+    "eslint": "^8.27.0",
+    "nuxt": "^3.0.0",
     "standard-version": "^9.5.0",
     "vue-tsc": "^1.0.9"
   },

src/runtime/components/elements/Button.vue

@@ -15,7 +15,7 @@
 <script setup lang="ts">
 import { ref, computed, useSlots } from 'vue'
 import type { PropType } from 'vue'
-import type { RouteLocationNormalized } from 'vue-router'
+import type { RouteLocationNormalized, RouteLocationRaw } from 'vue-router'
 import NuxtLink from '#app/components/nuxt-link'
 import Icon from '../elements/Icon.vue'
 import { classNames } from '../../utils'
@@ -81,7 +81,7 @@ const props = defineProps({
     default: false
   },
   to: {
-    type: [String, Object] as PropType<string | RouteLocationNormalized>,
+    type: [String, Object] as PropType<string | RouteLocationNormalized | RouteLocationRaw>,
     default: null
   },
   target: {

src/runtime/components/forms/SelectCustom.vue

@@ -12,7 +12,7 @@
   >
     <input :value="modelValue" :required="required" class="absolute inset-0 w-px opacity-0 cursor-default" tabindex="-1">
 
-    <ComboboxButton ref="trigger" v-slot="{ disabled: buttonDisabled }" as="div">
+    <ComboboxButton ref="trigger" v-slot="{ disabled: buttonDisabled }" as="div" class="inline-flex w-full">
       <slot :open="open" :disabled="buttonDisabled">
         <button :class="selectCustomClass" :disabled="disabled" type="button">
           <slot name="label">

src/runtime/components/navigation/CommandPalette.vue

@@ -110,6 +110,10 @@ const props = defineProps({
     type: Boolean,
     default: true
   },
+  autoclear: {
+    type: Boolean,
+    default: true
+  },
   placeholder: {
     type: Boolean,
     default: true
@@ -166,7 +170,7 @@ const groups = computed(() => map(groupBy(results.value, command => command.item
   return {
     ...props.groups.find(group => group.key === key),
     commands: commands.slice(0, options.value.resultLimit)
-  }
+  } as Group
 }))
 
 // Methods
@@ -183,7 +187,7 @@ function onSelect (option: Command | Command[]) {
   emit('update:modelValue', option, { query: query.value })
 
   // Clear input after selection
-  if (!props.multiple) {
+  if (props.autoclear) {
     setTimeout(() => {
       query.value = ''
     }, 0)

src/runtime/components/overlays/ContextMenu.vue

@@ -9,7 +9,8 @@
 </template>
 
 <script setup lang="ts">
-import { PropType, computed, toRef } from 'vue'
+import type { PropType } from 'vue'
+import { computed, toRef } from 'vue'
 import { defu } from 'defu'
 import { usePopper } from '../../composables/usePopper'
 import type { PopperOptions } from '../../types'

src/runtime/components/overlays/Notification.vue

@@ -20,14 +20,14 @@
               </p>
 
               <div v-if="description && actions.length" class="mt-3 flex items-center gap-6">
-                <button v-for="(action, index) of actions" :key="index" type="button" class="text-sm font-medium focus:outline-none text-primary-500 hover:text-primary-600 dark:hover:text-primary-400" @click.stop="onAction(action)">
+                <button v-for="(action, index) of actions" :key="index" type="button" class="text-sm font-medium focus:outline-none text-primary-500 dark:text-primary-400 hover:text-primary-400 dark:hover:text-primary-500" @click.stop="onAction(action)">
                   {{ action.label }}
                 </button>
               </div>
             </div>
             <div class="flex-shrink-0 flex items-center gap-3">
               <div v-if="!description && actions.length" class="flex items-center gap-2">
-                <button v-for="(action, index) of actions" :key="index" type="button" class="text-sm font-medium focus:outline-none text-primary-500 hover:text-primary-600 dark:hover:text-primary-400" @click.stop="onAction(action)">
+                <button v-for="(action, index) of actions" :key="index" type="button" class="text-sm font-medium focus:outline-none text-primary-500 dark:text-primary-400 hover:text-primary-400 dark:hover:text-primary-500" @click.stop="onAction(action)">
                   {{ action.label }}
                 </button>
               </div>

src/runtime/types/command-palette.d.ts

@@ -14,6 +14,7 @@ export interface Command {
   group?: string
   score?: number
   matches?: (FuseSortFunctionMatch | FuseSortFunctionMatchList)[]
+  [key: string]: any
 }
 
 export interface Group {
@@ -22,4 +23,5 @@ export interface Group {
   inactive?: string
   commands: Command[]
   options?: Partial<UseFuseOptions<Command>>
+  [key: string]: any
 }