fix(bundle): remove v clipboard (#3214)

components/views/navigation/sidebar/status/Status.html

@@ -5,9 +5,8 @@
   />
   <div
     class="user-info has-tooltip has-tooltip-top has-tooltip-primary"
-    v-on:click="$toast.show($t('ui.copied'))"
     :data-tooltip="$t('controls.copy_id')"
-    v-clipboard:copy="accounts.active"
+    @click="copyId"
   >
     <TypographyTitle
       data-cy="user-name"

components/views/navigation/sidebar/status/Status.vue

@@ -1,17 +1,26 @@
-<template src="./Status.html" />
+<template src="./Status.html"></template>
 
 <script lang="ts">
 import Vue from 'vue'
 import { mapState } from 'vuex'
+import { RootState } from '~/types/store/store'
 
 export default Vue.extend({
   computed: {
-    ...mapState(['accounts']),
+    ...mapState({
+      accounts: (state) => (state as RootState).accounts,
+    }),
     src(): string {
       const hash = this.accounts.details.profilePicture
       return hash ? `${this.$Config.textile.browser}/ipfs/${hash}` : ''
     },
   },
+  methods: {
+    copyId() {
+      navigator.clipboard.writeText(this.accounts.active)
+      this.$toast.show(this.$t('ui.copied') as string)
+    },
+  },
 })
 </script>
 

nuxt.config.js

@@ -81,7 +81,6 @@ export default defineNuxtConfig({
   plugins: [
     // Third Party
     { src: '~/plugins/thirdparty/vscrolllock.ts', ssr: false },
-    { src: '~/plugins/thirdparty/clipboard.ts' },
     { src: '~/plugins/thirdparty/clickoutside.ts' },
     { src: '~/plugins/thirdparty/filesize.ts' },
     { src: '~/plugins/thirdparty/persist.ts', ssr: false },

package.json

@@ -98,7 +98,6 @@
     "v-click-outside": "^3.1.2",
     "v-scroll-lock": "^1.3.1",
     "vue-awesome-swiper": "^4.1.1",
-    "vue-clipboard2": "^0.3.3",
     "vue-croppie": "^2.0.2",
     "vue-custom-scrollbar": "^1.4.3",
     "vue-emoji-picker": "git+https://git@github.com/Satellite-im/vue-emoji-picker#build-satellite",
@@ -216,4 +215,4 @@
     "node": "16.14.0",
     "yarn": "1.22.17"
   }
-}
+}