Move more dns provider related code into the shared DomainsModel.js to avoid duplication

dashboard/src/views/DomainsView.vue

@@ -25,33 +25,6 @@ const dashboardDomain = ref('');
 const domainDialog = useTemplateRef('domainDialog');
 const wellKnownDialog = useTemplateRef('wellKnownDialog');
 
-function prettyProviderName(domain) {
-  switch (domain.provider) {
-    case 'bunny': return 'Bunny';
-    case 'route53': return 'AWS Route53';
-    case 'cloudflare': return 'Cloudflare';
-    case 'desec': return 'deSEC';
-    case 'digitalocean': return 'DigitalOcean';
-    case 'dnsimple': return 'dnsimple';
-    case 'gandi': return 'Gandi LiveDNS';
-    case 'hetzner': return 'Hetzner DNS';
-    case 'inwx': return 'INWX';
-    case 'linode': return 'Linode';
-    case 'namecom': return 'Name.com';
-    case 'namecheap': return 'Namecheap';
-    case 'netcup': return 'Netcup';
-    case 'ovh': return 'OVH';
-    case 'gcdns': return 'Google Cloud';
-    case 'godaddy': return 'GoDaddy';
-    case 'vultr': return 'Vultr';
-    case 'manual': return 'Manual';
-    case 'porkbun': return 'Porkbun';
-    case 'wildcard': return 'Wildcard';
-    case 'noop': return 'No-op';
-    default: return 'Unknown';
-  }
-};
-
 function onAdd () {
   domainDialog.value.open(null);
 }
@@ -141,7 +114,7 @@ onMounted(async () => {
 
       <TableView :model="filteredDomains" :columns="columns" :busy="busy" style="max-height: 200px;" @row-click="onEdit">
         <template #provider="domain">
-          {{ prettyProviderName(domain) }}
+          {{ DomainsModel.prettyProviderName(domain.provider) }}
         </template>
         <template #actions="domain">
           <div class="table-actions">