feat: add user-chat

static/components/user-chat/user-chat.html

@@ -0,0 +1,8 @@
+<q-card>
+  <div class="q-pa-md">
+    <div class="q-gutter-y-md">
+      User Chat
+    </div>
+  </div>
+
+</q-card>

static/components/user-chat/user-chat.js

@@ -0,0 +1,19 @@
+async function userChat(path) {
+    const template = await loadTemplateAsync(path)
+    Vue.component('user-chat', {
+        name: 'user-chat',
+        props: ['user',],
+        template,
+
+        data: function () {
+            return {
+            }
+        },
+        methods: {
+            
+        },
+        created: async function () {
+
+        }
+    })
+}

static/components/user-config/user-config.html

@@ -1,7 +1,7 @@
 <q-card>
   <div class="q-pa-md">
     <div class="q-gutter-y-md">
-      xxxx
+      User Config
     </div>
   </div>
 

static/js/market.js

@@ -36,7 +36,8 @@ const market = async () => {
     customerOrders('static/components/customer-orders/customer-orders.html'),
     chatDialog('static/components/chat-dialog/chat-dialog.html'),
     marketConfig('static/components/market-config/market-config.html'),
-    userConfig('static/components/user-config/user-config.html')
+    userConfig('static/components/user-config/user-config.html'),
+    userChat('static/components/user-chat/user-chat.html')
   ])
 
   new Vue({

templates/nostrmarket/market.html

@@ -182,7 +182,8 @@
               <q-btn v-else @click="accountDialog.show = true" color="gray" icon="person_add" flat
                 size="lg"><q-tooltip>User
                   Login</q-tooltip></q-btn>
-              <q-btn color="gray" icon="chat" flat size="lg"><q-tooltip>Chat</q-tooltip></q-btn>
+              <q-btn @click="setActivePage('user-chat')" color="gray" icon="chat" flat
+                size="lg"><q-tooltip>Chat</q-tooltip></q-btn>
               <q-btn @click="setActivePage('customer-orders')" color="gray" icon="receipt_long" flat
                 size="lg"><q-tooltip>Orders</q-tooltip></q-btn>
               <q-btn color="gray" icon="shopping_cart" dense round flat size="lg"
@@ -214,6 +215,7 @@
             <q-breadcrumbs-el v-if="activePage === 'market-config'" label="Settings" icon="settings"></q-breadcrumbs-el>
             <q-breadcrumbs-el v-if="activePage === 'user-config'" label="User Config"
               icon="perm_identity"></q-breadcrumbs-el>
+            <q-breadcrumbs-el v-if="activePage === 'user-chat'" label="User Chat" icon="chat"></q-breadcrumbs-el>
           </q-breadcrumbs>
         </div>
 
@@ -221,7 +223,8 @@
 
         <market-config v-if="activePage === 'market-config'" :merchants="merchants" @add-merchant="addMerchant"
           @remove-merchant="removeMerchant"></market-config>
-        <user-config v-if="activePage === 'user-config'"></user-config>
+        <user-config v-else-if="activePage === 'user-config'"></user-config>
+        <user-chat v-else-if="activePage === 'user-chat'"></user-chat>
         <shopping-cart-list v-else-if="activePage === 'shopping-cart-list'" :carts="shoppingCarts"
           @add-to-cart="addProductToCart" @remove-from-cart="removeProductFromCart" @remove-cart="removeCart"
           @checkout-cart="checkoutStallCart"></shopping-cart-list>
@@ -339,6 +342,7 @@
 <script src="{{ url_for('nostrmarket_static', path='components/chat-dialog/chat-dialog.js') }}"></script>
 <script src="{{ url_for('nostrmarket_static', path='components/market-config/market-config.js') }}"></script>
 <script src="{{ url_for('nostrmarket_static', path='components/user-config/user-config.js') }}"></script>
+<script src="{{ url_for('nostrmarket_static', path='components/user-chat/user-chat.js') }}"></script>
 <script src="{{ url_for('nostrmarket_static', path='js/market.js') }}"></script>
 <style scoped>
   .q-field__native span {