fix #50, remove hard-coded domain name in guppe instructions

CHANGELOG.md

@@ -1,3 +1,7 @@
+## Unreleased
+
+* Fix: show correct domain name in guppe instructions on homepage
+
 ## v1.1.0 (2022-05-1)
 
 ### Added

web/src/views/Home.vue

@@ -16,10 +16,10 @@
       ActivityPub service, but they automatically share anything you send them with all of their followers.
     </p>
     <ol>
-      <li>Follow a group on @a.gup.pe to join that group</li>
+      <li>Follow a group on @{{ domain }} to join that group</li>
-      <li>Mention a group on @a.gup.pe to share a post with everyone in the group</li>
+      <li>Mention a group on @{{ domain }} to share a post with everyone in the group</li>
-      <li>New groups are created on demand, just search for or mention @YourGroupNameHere@a.gup.pe and it will show up</li>
+      <li>New groups are created on demand, just search for or mention @YourGroupNameHere@{{ domain }} and it will show up</li>
-      <li>Visit a @a.gup.pe group profile to see the group history</li>
+      <li>Visit a @{{ domain }} group profile to see the group history</li>
     </ol>
     <h2 class="w3-center">Active Groups</h2>
     <div class="profile-grid w3-margin-bottom w3-mobile">
@@ -40,10 +40,11 @@ export default {
   components: {
     ProfileSummary
   },
-  data() {
+  data () {
     return {
       groups: [],
-      error: null
+      error: null,
+      domain: window.location.host
     }
   },
   created () {
@@ -56,7 +57,7 @@ export default {
       .then(json => {
         this.groups = json.orderedItems
       })
-      .catch(err => this.error = err.message)
+      .catch(err => (this.error = err.message))
   }
 }
 </script>