feat(gui-v2): add vue-github-button

packages/nc-gui-v2/components/dashboard/GithubStarButton.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import GithubButton from 'vue-github-button'
+</script>
+
+<template>
+  <GithubButton href="https://github.com/nocodb/nocodb" data-icon="octicon-star" :data-show-count="true" data-size="large"
+    >Star</GithubButton
+  >
+</template>

packages/nc-gui-v2/components/dashboard/TreeView.vue

@@ -9,6 +9,7 @@ import MdiView from '~icons/mdi/eye-circle-outline'
 import MdiTableLarge from '~icons/mdi/table-large'
 import MdiMenuIcon from '~icons/mdi/dots-vertical'
 import MdiDrag from '~icons/mdi/drag-vertical'
+import GithubStarButton from '~/components/dashboard/GithubStarButton.vue'
 
 const { addTab } = useTabs()
 
@@ -233,6 +234,12 @@ const activeTable = computed(() => {
       </template>
     </a-dropdown>
 
+    <a-divider class="mt-0 mb-2" />
+
+    <div class="items-center flex justify-center mb-1">
+      <GithubStarButton />
+    </div>
+
     <DlgTableCreate v-if="tableCreateDlg" v-model="tableCreateDlg" />
     <DlgTableRename v-if="renameTableMeta" v-model="renameTableDlg" :table-meta="renameTableMeta" />
   </div>

packages/nc-gui-v2/package-lock.json

@@ -23,6 +23,7 @@
         "url": "^0.11.0",
         "util": "^0.12.4",
         "vue-dompurify-html": "^3.0.0",
+        "vue-github-button": "^3.0.3",
         "vue-i18n": "^9.1.10",
         "vuedraggable": "^4.1.0",
         "vuetify": "^3.0.0-alpha.13",
@@ -7596,6 +7597,11 @@
         "git-up": "^4.0.0"
       }
     },
+    "node_modules/github-buttons": {
+      "version": "2.22.0",
+      "resolved": "https://registry.npmjs.org/github-buttons/-/github-buttons-2.22.0.tgz",
+      "integrity": "sha512-N5bk01s1WgK1FVtoeSUVkRkJpkaSu8yHMPcjye+PTa0jsRjMRNrYqVLgpUf2RA5Kvec05DfHYAT6/68fwkdqPw=="
+    },
     "node_modules/github-from-package": {
       "version": "0.0.0",
       "resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
@@ -14596,6 +14602,14 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/vue-github-button": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/vue-github-button/-/vue-github-button-3.0.3.tgz",
+      "integrity": "sha512-O2Kv5HxRMn1qqgt2sSy8N7y2C6WGOeICzgGj6y+JFcnLjorTTzNR8vY5abiPOYDiW03WZ/9hUIn7Gm9CG9pIuA==",
+      "dependencies": {
+        "github-buttons": "^2.21.1"
+      }
+    },
     "node_modules/vue-i18n": {
       "version": "9.1.10",
       "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.1.10.tgz",
@@ -20865,6 +20879,11 @@
         "git-up": "^4.0.0"
       }
     },
+    "github-buttons": {
+      "version": "2.22.0",
+      "resolved": "https://registry.npmjs.org/github-buttons/-/github-buttons-2.22.0.tgz",
+      "integrity": "sha512-N5bk01s1WgK1FVtoeSUVkRkJpkaSu8yHMPcjye+PTa0jsRjMRNrYqVLgpUf2RA5Kvec05DfHYAT6/68fwkdqPw=="
+    },
     "github-from-package": {
       "version": "0.0.0",
       "resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
@@ -26088,6 +26107,14 @@
         }
       }
     },
+    "vue-github-button": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/vue-github-button/-/vue-github-button-3.0.3.tgz",
+      "integrity": "sha512-O2Kv5HxRMn1qqgt2sSy8N7y2C6WGOeICzgGj6y+JFcnLjorTTzNR8vY5abiPOYDiW03WZ/9hUIn7Gm9CG9pIuA==",
+      "requires": {
+        "github-buttons": "^2.21.1"
+      }
+    },
     "vue-i18n": {
       "version": "9.1.10",
       "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.1.10.tgz",

packages/nc-gui-v2/package.json

@@ -29,6 +29,7 @@
     "url": "^0.11.0",
     "util": "^0.12.4",
     "vue-dompurify-html": "^3.0.0",
+    "vue-github-button": "^3.0.3",
     "vue-i18n": "^9.1.10",
     "vuedraggable": "^4.1.0",
     "vuetify": "^3.0.0-alpha.13",