Stored by Vue Play

Author: Vue Play

src/main.js

@@ -18,6 +18,17 @@ const io = feathers()
 io.configure(feathers.socketio(socket))
 io.configure(feathers.authentication())
 
+const socketAuthUsers = sio('https://auth.vueplay.io', {
+    transports: ['websocket', 'polling']
+})
+const authUsers = feathers()
+const socketClient = feathers.socketio(socketAuthUsers)
+authUsers.configure(socketClient)
+authUsers.configure(feathers.authentication())
+authUsers.use('users', socketClient.service('users'), {
+    methods: ['count']
+})
+
 let boot = async () => {
 
     try {
@@ -33,6 +44,7 @@ let boot = async () => {
     })
 
     app.provide('io', io)
+    app.provide('authUsers', authUsers)
     app.provide('user', computed(() => user?.value))
     app.provide('reAuthenticate', async () => {
         try {

src/views/About.vue

@@ -216,7 +216,7 @@
 						style="margin-bottom:100px;color:#15244fff;margin-top:75px;width:calc(100% - 40px);margin-left:20px"
 						class="text-4xl md:text-slate-900 font-bold"
 					>
-						2500+ Registered Users 🚀
+						{{count}} Registered Users 🚀
 					</h2>
 					<h2
 						style="margin-bottom:50px;max-width:450px;color:#15244fff"
@@ -332,12 +332,24 @@
 	import Footer from "@/components/Footer.vue";
 	import Meta from "@/components/Meta.vue";
 	export default {
+		inject: ['authUsers'],
 		components: {
 			VueNavigator,
 			Footer,
 			Meta
 		},
-		data: () => ({}),
+		data: () => ({
+			count: '2500+'
+		}),
+		async created() {
+			try {
+				this.count = (await this.authUsers.service('users')
+						.count({}))
+					?.count;
+			} catch (e) {
+				console.log('err', e);
+			}
+		},
 		methods: {
 			open(url) {
 				location.href = url;