Add extra pro users via env

resources/js/pages/settings/billing.vue

@@ -1,7 +1,8 @@
 <template>
   <div>
     <h3 class="font-semibold text-2xl text-gray-900">Billing details</h3>
-    <small class="text-gray-600">Manage your billing. Download invoices, update your plan, or cancel it at any time.</small>
+    <small class="text-gray-600">Manage your billing. Download invoices, update your plan, or cancel it at any
+      time.</small>
 
     <div class="mt-4">
       <v-button color="gray" shade="light" :loading="billingLoading" @click.prevent="openBillingDashboard">
@@ -17,7 +18,7 @@ import VButton from '../../components/common/Button.vue'
 import SeoMeta from '../../mixins/seo-meta.js'
 
 export default {
-  components: { VButton },
+  components: {VButton},
   scrollToTop: false,
   mixins: [SeoMeta],
 
@@ -27,11 +28,13 @@ export default {
   }),
 
   methods: {
-    openBillingDashboard () {
+    openBillingDashboard() {
       this.billingLoading = true
       axios.get('/api/subscription/billing-portal').then((response) => {
         const url = response.data.portal_url
         window.location = url
+      }).catch((error) => {
+        this.alertError(error.response.data.message)
       }).finally(() => {
         this.billingLoading = false
       })