Trans and docs for socketio feature

README.md

@@ -92,6 +92,8 @@ _Customized themes are synced with local session storage_
 
 📡 **Server Sent Events**: Receive a stream of updates from a server over a HTTP connection without resorting to polling.
 
+🌩 **Socket.IO**: Send and Receive data with socketio server. SocketIO is popular websocket solution.
+
 🔮 **GraphQL**: GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data.
 
  - Set endpoint and get schemas

components/realtime/socketio.vue

@@ -85,7 +85,7 @@ export default {
   },
   data() {
     return {
-      url: "wss://echo.websocket.org",
+      url: "ws://",
       connectionState: false,
       io: null,
       communication: {

lang/en-US.js

@@ -274,4 +274,6 @@ export default {
   paste_a_note: "Paste a note",
   import_from_sync: "Import from Sync",
   notes: "Notes",
+  socketio: "Socket.IO",
+  event_name: "Event Name",
 }

nuxt.config.js

@@ -57,7 +57,7 @@ export default {
       {
         name: "keywords",
         content:
-          "postwoman, postwoman chrome, postwoman online, postwoman for mac, postwoman app, postwoman for windows, postwoman google chrome, postwoman chrome app, get postwoman, postwoman web, postwoman android, postwoman app for chrome, postwoman mobile app, postwoman web app, api, request, testing, tool, rest, websocket, sse, graphql",
+          "postwoman, postwoman chrome, postwoman online, postwoman for mac, postwoman app, postwoman for windows, postwoman google chrome, postwoman chrome app, get postwoman, postwoman web, postwoman android, postwoman app for chrome, postwoman mobile app, postwoman web app, api, request, testing, tool, rest, websocket, sse, graphql, socketio",
       },
       {
         name: "X-UA-Compatible",
@@ -353,14 +353,14 @@ export default {
         code: "ja",
         name: "日本語",
         iso: "ja-JP",
-        file: "ja-JP.js"
+        file: "ja-JP.js",
       },
       {
         code: "ko",
         name: "한국어",
         iso: "ko-KR",
-        file: "ko-KR.js"
+        file: "ko-KR.js",
-      }
+      },
     ],
     defaultLocale: "en",
     vueI18n: {

pages/realtime.vue

@@ -112,7 +112,7 @@
       </div>
 
       <input id="tab-three" type="radio" name="options" />
-      <label for="tab-three">{{ $t("socket.io") }}</label>
+      <label for="tab-three">{{ $t("socketio") }}</label>
       <div class="tab">
         <socketio />
       </div>