adds the role and I'll go ahead and link and socialite

resources/js/Components/AppButton.vue

@@ -18,6 +18,10 @@ const props = defineProps({
     type: String,
     default: undefined,
   },
+  external: {
+    type: Boolean,
+    default: false,
+  },
   disabled: {
     type: Boolean,
     default: false,
@@ -32,7 +36,11 @@ const emit = defineEmits(['click'])
 
 const isDisabled = computed(() => props.disabled || props.loading)
 
-const component = computed(() => props.href ? Link : 'button')
+const component = computed(() => {
+  if (props.href && props.external) return 'a'
+  if (props.href) return Link
+  return 'button'
+})
 
 const buttonClasses = computed(() => {
   const classes = [