🎨 style(new!): add new ui vue.js

Signed-off-by: Abhiraj Roy <157954129+iconized@users.noreply.github.com>

utils/README.md

@@ -0,0 +1,5 @@
+# `utils/` [Directory](https://nuxt.com/docs/guide/directory-structure/utils)
+
+Nuxt 3 uses the `utils/` directory to automatically import helper functions and other utilities throughout your application using auto-imports!
+
+>> The main purpose of the `utils/` directory is to allow a semantic distinction between your Vue composables and other auto-imported utility functions.The way utils/ auto-imports work and are scanned is identical to the [composables/ directory](https://nuxt.com/docs/guide/directory-structure/composables). You can see examples and more information about how they work in that section of the docs.

utils/github-api.js

@@ -0,0 +1,14 @@
+
+/**
+ * Get a gist from Github API by gist ID
+ * @param {*} gistId 
+ * @returns 
+ */
+const getGistById = async (gistId) => {
+    const response = await fetch('https://api.github.com/gists/' + gistId)
+    return response.json()
+}
+
+module.exports = {
+    getGistById
+}