Migrate some leftover vue 2 legacy code

client/src/directives/auto-grow.ts

@@ -5,7 +5,7 @@ const resizeElement = (el: HTMLElement) => {
 
 export default {
   update: resizeElement,
-  inserted: resizeElement,
+  mounted: resizeElement,
   created(el: HTMLElement) {
     el.classList.add('skillbox-auto-grow');
     el.addEventListener('input', () => {

client/src/plugins/edges.ts

@@ -1,12 +1,12 @@
-const getRidOfEdges = (collection) => {
+const getRidOfEdges = (collection: any) => {
   // todo: get rid of this, this probably doesn't work too well with immutable objects
   // todo: don't use edges if they're not necessary
   if (typeof collection === 'object' && collection && !Array.isArray(collection)) {
-    let newObj = {};
+    const newObj: Record<string, any> = {};
     for (const k in collection) {
       if (Object.prototype.hasOwnProperty.call(collection, k)) {
         if (k === 'edges') {
-          return collection.edges.map((edge) => getRidOfEdges(edge.node));
+          return collection.edges.map((edge: any) => getRidOfEdges(edge.node));
         } else {
           newObj[k] = getRidOfEdges(collection[k]);
           if (newObj[k]) {
@@ -22,8 +22,8 @@ const getRidOfEdges = (collection) => {
 };
 
 const EdgesPlugin = {
-  install(Vue) {
+  install(app: any) {
-    Vue.prototype.$getRidOfEdges = getRidOfEdges;
+    app.config.globalProperties.$getRidOfEdges = getRidOfEdges;
   },
 };
 

client/src/plugins/flavor.js

@@ -1,7 +1,7 @@
 import flavorValues from '@/helpers/app-flavor';
 
 export default {
-  install: (Vue) => {
+  install: (app) => {
-    Vue.prototype.$flavor = Object.assign({}, flavorValues);
+    app.config.globalProperties.$flavor = Object.assign({}, flavorValues);
   },
 };