@nuxt/devtools-ui-kit/dist/components/NButton.vue

<a href="https://www.npmjs.com/package/@nuxt/devtools-ui-kit-edge"><img src="https://flat.badgen.net/npm/v/@nuxt/devtools-ui-kit-edge"></a>

<script setup lang="ts">
// eslint-disable-next-line ts/ban-ts-comment
// @ts-ignore tsconfig
import { NuxtLink } from '#components'

withDefaults(defineProps<{
  to?: string
  icon?: string
  border?: boolean
  disabled?: boolean
  type?: 'submit' | 'reset' | 'button'
}>(), {
  border: true,
  type: 'button',
})
</script>

<template>
  <Component
    :is="to ? NuxtLink : 'button'"
    :to="to"
    v-bind="{ ...$attrs, ...(!to && { type }), ...(disabled ? { disabled: true } : { tabindex: 0 }) }"
    :class="[
      { 'n-button-base active:n-button-active focus-visible:n-focus-base hover:n-button-hover': border },
      { 'n-icon-button': !$slots.default },
    ]"
    class="n-button n-transition n-disabled:n-disabled"
  >
    <slot name="icon">
      <NIcon v-if="icon" :icon="icon" :class="{ 'n-button-icon': $slots.default }" />
    </slot>
    <slot />
  </Component>
</template>