feat: introducing team (HBE-86) (#36)

packages/hoppscotch-sh-admin/src/modules/tippy.ts

@@ -0,0 +1,32 @@
+import { HoppModule } from '.';
+import VueTippy, { roundArrow, setDefaultProps } from 'vue-tippy';
+
+import 'tippy.js/dist/tippy.css';
+import 'tippy.js/animations/scale-subtle.css';
+import 'tippy.js/dist/border.css';
+import 'tippy.js/dist/svg-arrow.css';
+
+export default <HoppModule>{
+  onVueAppInit(app) {
+    app.use(VueTippy);
+
+    setDefaultProps({
+      animation: 'scale-subtle',
+      appendTo: document.body,
+      allowHTML: false,
+      animateFill: false,
+      arrow: roundArrow + roundArrow,
+      popperOptions: {
+        // https://popper.js.org/docs/v2/utils/detect-overflow/
+        modifiers: [
+          {
+            name: 'preventOverflow',
+            options: {
+              rootBoundary: 'document',
+            },
+          },
+        ],
+      },
+    });
+  },
+};