feat: introducing self hosted admin dashboard package (#12)

Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>
Co-authored-by: Anwarul Islam <anwaarulislaam@gmail.com>

packages/hoppscotch-sh-admin/src/main.ts

@@ -0,0 +1,45 @@
+import { createApp } from 'vue';
+import urql, { createClient } from '@urql/vue';
+import App from './App.vue';
+import '../assets/scss/themes.scss';
+import '../assets/scss/styles.scss';
+import '@hoppscotch/ui/style.css';
+import 'virtual:windi.css';
+import {
+  createRouter,
+  createWebHashHistory,
+  createWebHistory,
+} from 'vue-router';
+
+import { setupLayouts } from 'virtual:generated-layouts';
+import generatedRoutes from 'virtual:generated-pages';
+
+import { plugin as HoppUIPlugin, HoppUIPluginOptions } from '@hoppscotch/ui';
+
+const options: HoppUIPluginOptions = {
+  /* Define options here */
+};
+
+const routes = setupLayouts(generatedRoutes);
+
+const app = createApp(App).use(
+  urql,
+  createClient({
+    url: import.meta.env.VITE_BACKEND_GQL_URL,
+    fetchOptions: () => {
+      return {
+        credentials: 'include',
+      };
+    },
+  })
+);
+
+app.use(HoppUIPlugin, options);
+app.use(
+  createRouter({
+    history: createWebHistory(),
+    routes,
+  })
+);
+
+app.mount('#app');