add $youtube.autoComplete()

.gitignore

@@ -1,3 +1,4 @@
 node_modules
 nuxt/dist
 dist
+package-lock.json

NUXT/components/searchOverlay.vue

@@ -3,6 +3,29 @@
     <v-text-field
       label="Search"
       outlined
+      v-model="text"
+      @input="textChanged"
     />
+    {{ response }}
   </div>
 </template>
+
+<script>
+export default {
+  data() {
+    return {
+      text: null,
+      response: null,
+    }
+  },
+
+  methods: {
+    textChanged() {
+      this.$youtube.autoComplete(this.text, (data) => {
+        this.response = data;
+      });
+    }
+  }
+
+}
+</script>

NUXT/plugins/youtube.js

@@ -1,6 +1,14 @@
+import { Http } from '@capacitor-community/http';
+
 const module = {
-  test() {
+  async autoComplete(text, callback) {
-    return "success";
+
+    const options = {
+      url: 'https://suggestqueries-clients6.youtube.com/complete/search',
+      params: { client: 'youtube', q: text },
+    };
+    const response = await Http.request(options);
+
   }
 }
 

package.json

@@ -1,5 +1,6 @@
 {
   "dependencies": {
+    "@capacitor-community/http": "^1.4.1",
     "@capacitor/android": "^3.4.0",
     "@capacitor/cli": "^3.4.0",
     "@capacitor/core": "^3.4.0"