Add pkg/harvester components + shell portings - 1

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>

pkg/harvester/formatters/HarvesterVFsNum.vue

@@ -0,0 +1,34 @@
+<script>
+import { PRODUCT_NAME as HARVESTER_PRODUCT } from '../config/harvester';
+
+export default {
+  name: 'HarvesterVFsNum',
+
+  props: {
+    row: {
+      type:     Object,
+      required: true
+    },
+  },
+
+  computed: {
+    to() {
+      return {
+        name:   `${ HARVESTER_PRODUCT }-c-cluster-resource`,
+        params: { cluster: this.$store.getters['clusterId'], resource: this.row.childDevice },
+        query:  { parentSriov: this.row.id }
+      };
+    }
+  }
+};
+</script>
+
+<template>
+  <div class="vfs-num">
+    <router-link
+      :to="to"
+    >
+      {{ row.numVFs }}
+    </router-link>
+  </div>
+</template>