From 950ed7507635e842f1c09221d36c3484e051e465 Mon Sep 17 00:00:00 2001
From: Will Murphy <william@datatitian.com>
Date: Sun, 8 May 2022 10:29:11 -0500
Subject: [PATCH] fix #50, remove hard-coded domain name in guppe instructions

---
 CHANGELOG.md           |  4 ++++
 web/src/views/Home.vue | 17 +++++++++--------
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index bdc60e6..c9a96f3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## Unreleased
+
+* Fix: show correct domain name in guppe instructions on homepage
+
 ## v1.1.0 (2022-05-1)
 
 ### Added
diff --git a/web/src/views/Home.vue b/web/src/views/Home.vue
index 0d88517..557505c 100644
--- a/web/src/views/Home.vue
+++ b/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>Mention a group on @a.gup.pe 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>Visit a @a.gup.pe group profile to see the group history</li>
+      <li>Follow a group on @{{ domain }} to join that 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@{{ domain }} and it will show up</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>
@@ -77,4 +78,4 @@ export default {
   .profile-image {
     width: 75px;
   }
-</style>
\ No newline at end of file
+</style>