@volverjs/ui-vue 0.0.10-beta.7 → 0.0.10-beta.9

package/src/components/VvAction/VvAction.vue

@@ -55,7 +55,7 @@
 			case props.href !== undefined:
 				return ActionTag.a
 			default:
-				return ActionTag.button
+				return props.defaultTag // button
 		}
 	})
 
@@ -85,12 +85,14 @@
 					to: props.to,
 					target: props.target,
 				}
-			default:
+			case ActionTag.button:
 				return {
 					...toReturn,
 					type: props.type,
 					disabled: props.disabled,
 				}
+			default:
+				return toReturn
 		}
 	})
 

package/src/components/VvBreadcrumb/VvBreadcrumb.vue

@@ -7,46 +7,47 @@
 <script setup lang="ts">
 	import { useModifiers } from '../../composables/useModifiers'
 	import { VvBreadcrumbProps } from '.'
+	import VvAction from '../VvAction/VvAction.vue'
 
 	const props = defineProps(VvBreadcrumbProps)
 	const { modifiers } = toRefs(props)
 	const bemCssClasses = useModifiers('vv-breadcrumb', modifiers)
+	const length = computed(() => props.routes?.length ?? 0)
+
+	const isLast = (index: number) => index === length.value - 1
 </script>
 
 <template>
 	<nav :class="bemCssClasses" aria-label="breadcrumbs">
 		<ol class="vv-breadcrumb__list">
 			<li
-				v-for="(route, index) in routes"
-				:key="`${route.label}-${index}`"
-				:class="{
-					'vv-breadcrumb__item': index < Number(routes?.length) - 1,
-					'vv-breadcrumb__item-active':
-						index === Number(routes?.length) - 1,
-				}"
+				v-for="({ label, ...route }, index) in routes"
+				:key="`${label}-${index}`"
+				:class="
+					!isLast(index)
+						? 'vv-breadcrumb__item'
+						: 'vv-breadcrumb__item-active'
+				"
 				itemprop="itemListElement"
 				itemtype="https://schema.org/ListItem"
 				itemscope
 			>
-				<Component
-					:is="route.to ? 'router-link' : route.href ? 'a' : 'span'"
+				<VvAction
 					v-bind="route"
-					:class="{
-						'vv-breadcrumb__link':
-							index < Number(routes?.length) - 1,
-					}"
-					:aria-current="
-						index === Number(routes?.length) - 1
-							? 'page'
-							: undefined
+					:class="
+						!isLast(index)
+							? 'vv-breadcrumb__link'
+							: 'vv-breadcrumb__label'
 					"
+					:aria-current="isLast(index) ? 'page' : undefined"
 					itemprop="item"
+					default-tag="span"
 				>
 					<!-- @slot Slot for label -->
 					<slot name="label" v-bind="{ route, index }">
-						{{ route.label }}
+						{{ label }}
 					</slot>
-				</Component>
+				</VvAction>
 				<meta itemprop="position" :content="`${index + 1}`" />
 			</li>
 		</ol>

package/src/components/VvBreadcrumb/index.ts

@@ -1,13 +1,7 @@
 import { ModifiersProps } from '../../props'
-
-export interface Route {
-	label: string
-	to?: string | { [key: string]: unknown }
-	title?: string
-	href?: string
-}
+import type { NavItem } from '../../types'
 
 export const VvBreadcrumbProps = {
 	...ModifiersProps,
-	routes: Array as PropType<Route[]>,
+	routes: Array as PropType<NavItem[]>,
 }

package/src/components/VvInputText/VvInputText.vue

@@ -227,7 +227,7 @@
 				return
 			}
 			inputEl.value.stepUp()
-			localModelValue.value = unref(inputEl).value
+			localModelValue.value = Number(unref(inputEl).value)
 		}
 	}
 	const onStepDown = () => {
@@ -238,7 +238,7 @@
 				return
 			}
 			inputEl.value.stepDown()
-			localModelValue.value = unref(inputEl).value
+			localModelValue.value = Number(unref(inputEl).value)
 		}
 	}
 

package/src/directives/index.ts

@@ -1,7 +1,4 @@
 import tooltip from '../directives/v-tooltip'
 import contextmenu from '../directives/v-contextmenu'
 
-export default {
-	tooltip,
-	contextmenu,
-}
+export { tooltip, contextmenu }

package/src/directives/v-tooltip.ts

@@ -1,15 +1,24 @@
 import { render, type Directive, type DirectiveBinding } from 'vue'
 import VvTooltip from '../components/VvTooltip/VvTooltip.vue'
-import type { Side } from '../constants'
+import { Side } from '../constants'
 
-const tooltip: Directive = {
-	beforeMount(el: HTMLElement, binding: DirectiveBinding) {
-		const tooltip = h(VvTooltip, {
-			value: binding.value,
-			position: binding.arg as Side,
-		})
-		render(tooltip, el)
-	},
-}
+const tooltip: Directive = (() => {
+	return {
+		beforeMount(el: HTMLElement, binding: DirectiveBinding) {
+			const tooltip = h(VvTooltip, {
+				value: binding.value,
+				position: binding.arg as Side,
+			})
+			render(tooltip, el)
+		},
+		updated(el: HTMLElement, binding: DirectiveBinding) {
+			const tooltip = h(VvTooltip, {
+				value: binding.value,
+				position: binding.arg as Side,
+			})
+			render(tooltip, el)
+		},
+	}
+})()
 
 export default tooltip

package/src/index.ts

@@ -1,7 +1,9 @@
 import VolverPlugin from './Volver'
-import type { Volver } from './Volver'
+import type { Volver, VolverOptions } from './Volver'
 
 export { VolverPlugin }
+export * from './types'
+export type { Volver, VolverOptions }
 
 // https://vuejs.org/guide/typescript/options-api.html#augmenting-global-properties
 // Add custom property and extend vue type definition

package/src/props/index.ts

@@ -15,6 +15,7 @@ import {
 	Side,
 	AnchorTarget,
 	ButtonType,
+	ActionTag,
 } from '@/constants'
 
 export const LinkProps = {
@@ -469,6 +470,13 @@ export const ActionProps = {
 		type: String,
 		default: undefined,
 	},
+	/**
+	 * Default tag for the action
+	 */
+	defaultTag: {
+		type: String,
+		default: ActionTag.button,
+	},
 }
 
 export const NavProps = {

package/src/types/generic.ts

@@ -1,5 +1,6 @@
 export type Nullable<T> = T | null | undefined
 
-export type Option = Record<string | number | symbol, unknown> & {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type Option = Record<string | number | symbol, any> & {
 	options?: Option[]
 }