AppButtonLink.vue 801B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <script setup>
  2. import { Link } from '@inertiajs/inertia-vue3'
  3. defineProps({
  4. inertiaLink: {
  5. type: Boolean,
  6. default: true,
  7. },
  8. icon: String,
  9. label: String,
  10. classButton: String,
  11. })
  12. </script>
  13. <template>
  14. <Link
  15. v-if="inertiaLink"
  16. class="p-button p-component"
  17. as="button"
  18. type="button"
  19. >
  20. <span
  21. v-if="icon"
  22. class="p-button-icon p-button-icon-left"
  23. :class="icon"
  24. ></span>
  25. <span v-if="label" class="p-button-label">{{ label }}</span>
  26. </Link>
  27. <template v-else>
  28. <a :class="classButton" class="p-button p-component">
  29. <span
  30. v-if="icon"
  31. class="p-button-icon p-button-icon-left"
  32. :class="icon"
  33. ></span>
  34. <span v-if="label" class="p-button-label">{{ label }}</span>
  35. </a>
  36. </template>
  37. </template>