:recycle: little more descriptive consoles

frontend/src/components/ProfileCardList.vue

 }
 const chat = async pid => {
     const chatter = currentProfile.chatter
-    console.log('chatter', chatter)
+    console.log('mock sender:', pid)
     const res = await chatter.publish(chatter.subscriptions[0], {
         title: 'pong',
         description: 'This is my first realtime message!',
     })
-    console.log('chatter', res)
-    console.log('chatter', chatter.subscriptions)
+    console.log('res:', res)
+    console.log('channels:', chatter.subscriptions)
     //router.push({ path: `/chat/${pid}` })
 }
 const pass = () => {

frontend/src/services/chat.service.js

     const pubnubClient = await new PubNub({
         publishKey: publishKey,
         subscribeKey: subscribeKey,
-        logVerbosity: true,
+        logVerbosity: false,
         uuid,
     })
     // Pass pubnub specific methods to our placeholder obj
         return
     }
     async setup(uuid) {
-        this.uuid = uuid
+        this.uuid = `${uuid}`
         this.provider = await setupPubnub(this.uuid)
 
         this._listenFor({ listeners: this.listeners })

frontend/src/services/login.service.js

     }
     setupChatter() {
         this.chatter = new Chatter()
-        const testAccountUUID = '4523489'
+        // Use the reactive id object
+        const testAccountUUID = this.id.value
         this.chatter.setup(testAccountUUID)
     }
 }