diff --git a/.github/dependabot.yml b/.github/dependabot.yml
new file mode 100644
index 000000000..3a5e1be3d
--- /dev/null
+++ b/.github/dependabot.yml
@@ -0,0 +1,19 @@
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "daily"
+    allow:
+      - dependency-name: "@snapshot-labs/*"
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+    ignore:
+      - dependency-name: "@snapshot-labs/*"
+    groups:
+      production-dependencies:
+        dependency-type: "production"
+      development-dependencies:
+        dependency-type: "development"
diff --git a/package.json b/package.json
index 884db5058..340a42c39 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,7 @@
     "@shutter-network/shutter-crypto": "0.1.0-beta.3",
     "@snapshot-labs/lock": "^0.2.0",
     "@snapshot-labs/pineapple": "^1.1.0",
-    "@snapshot-labs/snapshot.js": "^0.8.0",
+    "@snapshot-labs/snapshot.js": "^0.8.1",
     "@snapshot-labs/tune": "^0.1.34",
     "@vue/apollo-composable": "4.0.0-beta.4",
     "@vueuse/core": "^10.4.0",
diff --git a/src/locales/default.json b/src/locales/default.json
index e795725c3..a1cd7869b 100644
--- a/src/locales/default.json
+++ b/src/locales/default.json
@@ -877,30 +877,6 @@
     "shareOfVotingPower": "Share of voting power",
     "votingPowerPerDay": "Voting power per day"
   },
-  "comment_box": {
-    "title": "Comment box",
-    "add": "Add your comment here",
-    "submit": "Submit",
-    "preview": "Preview",
-    "continue_editing": "Continue editing",
-    "edit": "Edit your reply here",
-    "edit_button": "Edit",
-    "dismiss": "Dismiss",
-    "delete": "Delete",
-    "add_reply": "Add your reply here",
-    "edit_comment": "Edit comment",
-    "edit_modal": "Are you sure you want to edit?",
-    "yes": "Yes",
-    "no": "No",
-    "delete_comment": "Delete comment",
-    "delete_modal": "Are you sure you want to delete?",
-    "error": "Oops, something went wrong",
-    "replies": "replies",
-    "hide": "Hide",
-    "show": "Show",
-    "reply": "Reply",
-    "load_more": "Load more"
-  },
   "metaInfo": {
     "home": {
       "title": "Snapshot - Where decisions get made",
diff --git a/src/plugins/commentBox/Proposal.vue b/src/plugins/commentBox/Proposal.vue
deleted file mode 100644
index c7d73a0b3..000000000
--- a/src/plugins/commentBox/Proposal.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script setup>
-import CommentBoxCustomBlock from './components/CustomBlock.vue';
-
-defineProps({
-  proposal: Object,
-  space: Object,
-  loadedResults: Boolean
-});
-</script>
-
-<template>
-  <CommentBoxCustomBlock
-    :proposal-id="proposal.id"
-    :proposal="proposal"
-    :space="space"
-  />
-</template>
diff --git a/src/plugins/commentBox/components/Comment.vue b/src/plugins/commentBox/components/Comment.vue
deleted file mode 100644
index a8a79f6f4..000000000
--- a/src/plugins/commentBox/components/Comment.vue
+++ /dev/null
@@ -1,227 +0,0 @@
-<script setup>
-import { clone } from '@snapshot-labs/snapshot.js/src/utils';
-import { signMessage } from '@snapshot-labs/snapshot.js/src/utils/web3';
-import { getInstance } from '@snapshot-labs/lock/plugins/vue3';
-
-const { t } = useI18n();
-const auth = getInstance();
-const { modalAccountOpen } = useModal();
-const props = defineProps({
-  placeholder: String,
-  buttonName: String,
-  item: Object,
-  method: String,
-  mainThread: String,
-  space: Object
-});
-const { web3Account } = useWeb3();
-const item2 = toRef(props, 'item');
-const comment = ref(
-  props.method === 'edit' && item2.value?.markdown
-    ? clone(item2.value?.markdown)
-    : ''
-);
-const loading = ref(false);
-const togglePreview = ref(true);
-const closeModal = ref(false);
-const emit = defineEmits(['dismissComment', 'updateItem', 'replyComment']);
-async function postData(url = '', data = {}, authorization) {
-  // Default options are marked with *
-  const response = await fetch(url, {
-    method: 'POST',
-    body: JSON.stringify(data),
-    headers: {
-      'Content-type': 'application/json;charset=UTF-8',
-      ...authorization
-    }
-  });
-  return response.json(); // parses JSON response into native JavaScript objects
-}
-const { notify } = useFlashNotification();
-async function updateItems() {
-  if (loading.value) return;
-  try {
-    loading.value = true;
-    const token = localStorage.getItem(
-      `_commentBox.token-${web3Account.value}`
-    );
-    let sig;
-    const msg = { markdown: comment.value };
-    if (!token)
-      sig = await signMessage(
-        auth.web3,
-        JSON.stringify(msg),
-        web3Account.value
-      );
-    const res = await postData(
-      `https://uia5m1.deta.dev/update/${props.item.key}`,
-      {
-        address: web3Account.value,
-        msg: JSON.stringify(msg),
-        sig,
-        space_id: props.space.id
-      },
-      token ? { authorization: token } : null
-    );
-    loading.value = false;
-    if (res.refresh) throw new Error('refresh');
-    if (!res.status) return notify(['primary', t('comment_box.error')]);
-    if (res.token)
-      localStorage.setItem(`_commentBox.token-${web3Account.value}`, res.token);
-    emit('updateItem', res.data);
-    emit('dismissComment');
-    closeModal.value = false;
-
-    return;
-  } catch (e) {
-    if (e.message === 'refresh') {
-      localStorage.removeItem(`_commentBox.token-${web3Account.value}`);
-      updateItems();
-      return;
-    }
-    loading.value = false;
-    notify(['primary', t('comment_box.error')]);
-  }
-}
-const chooseMethod = {
-  edit: () => {
-    if (!web3Account.value) return (modalAccountOpen.value = true);
-    closeModal.value = true;
-  },
-  replyComment: async function replyComment() {
-    if (!web3Account.value) return (modalAccountOpen.value = true);
-    if (loading.value) return;
-    try {
-      loading.value = true;
-      const token = localStorage.getItem(
-        `_commentBox.token-${web3Account.value}`
-      );
-      let sig;
-      const msg = {
-        author: web3Account.value,
-        markdown: comment.value,
-        proposal_id: props.item.proposal_id,
-        main_thread_id: props.mainThread,
-        reply_to: props.item.author,
-        reply_thread_id: props.item.key,
-        reply: props.item.markdown
-      };
-      if (!token)
-        sig = await signMessage(
-          auth.web3,
-          JSON.stringify(msg),
-          web3Account.value
-        );
-      const res = await postData(
-        `https://uia5m1.deta.dev/add_reply`,
-        {
-          address: web3Account.value,
-          msg: JSON.stringify(msg),
-          sig
-        },
-        token ? { authorization: token } : null
-      );
-      loading.value = false;
-      if (res.refresh) throw new Error('refresh');
-      if (!res.status) return notify(['primary', t('comment_box.error')]);
-      if (res.token)
-        localStorage.setItem(
-          `_commentBox.token-${web3Account.value}`,
-          res.token
-        );
-      emit('dismissComment');
-      emit('replyComment', res.data);
-      return;
-    } catch (e) {
-      if (e.message === 'refresh') {
-        localStorage.removeItem(`_commentBox.token-${web3Account.value}`);
-        replyComment();
-        return;
-      }
-      loading.value = false;
-      notify(['primary', t('comment_box.error')]);
-    }
-  }
-};
-function closeEvent() {
-  if (loading.value) return;
-  closeModal.value = false;
-}
-watch([closeModal], () => {
-  const el = document.body;
-  if (!closeModal.value) {
-    el.classList['remove']('overflow-hidden');
-  } else if (closeModal.value && !el.classList['contains']('overflow-hidden')) {
-    el.classList['add']('overflow-hidden');
-  }
-});
-</script>
-<template>
-  <BaseModal :open="closeModal" @close="closeEvent">
-    <template #header>
-      <h3>{{ $t('comment_box.edit_comment') }}</h3>
-    </template>
-    <div class="mt-3 text-center">
-      <p>{{ $t('comment_box.edit_modal') }}</p>
-    </div>
-    <div
-      class="mb-2 mt-3 flex content-center items-center justify-center text-center"
-    >
-      <BaseButton
-        class="!bg-primary !text-white"
-        :loading="loading"
-        @click="updateItems"
-        >{{ $t('comment_box.yes') }}</BaseButton
-      >
-      <BaseButton :disabled="loading" class="ml-2" @click="closeEvent">{{
-        $t('comment_box.no')
-      }}</BaseButton>
-    </div>
-  </BaseModal>
-  <div class="mt-2">
-    <TextareaAutosize
-      v-if="togglePreview"
-      v-model="comment"
-      :placeholder="placeholder"
-      class="input w-full text-left"
-      :min-height="100"
-      style="font-size: 18px"
-    />
-    <BaseBlock
-      v-if="!togglePreview"
-      slim="true"
-      class="h6 mb-0 mt-2 p-4 text-skin-text"
-    >
-      <div>{{ comment }}</div>
-    </BaseBlock>
-    <BaseButton
-      :disabled="comment.length === 0"
-      :loading="loading"
-      class="mt-2"
-      primary
-      @click="chooseMethod[method]"
-    >
-      {{ buttonName }}
-    </BaseButton>
-    <BaseButton
-      :disabled="comment.length === 0"
-      class="ml-2 mt-2"
-      primary
-      @click="togglePreview = !togglePreview"
-    >
-      {{
-        togglePreview
-          ? $t('comment_box.preview')
-          : $t('comment_box.continue_editing')
-      }}
-    </BaseButton>
-    <BaseButton
-      :disabled="loading"
-      type="text"
-      class="button--text ml-2 mt-2 border-0"
-      @click="$emit('dismissComment')"
-    >
-      {{ $t('comment_box.dismiss') }}
-    </BaseButton>
-  </div>
-</template>
diff --git a/src/plugins/commentBox/components/CommentBlock.vue b/src/plugins/commentBox/components/CommentBlock.vue
deleted file mode 100644
index 40721a46a..000000000
--- a/src/plugins/commentBox/components/CommentBlock.vue
+++ /dev/null
@@ -1,297 +0,0 @@
-<script setup>
-import { signMessage } from '@snapshot-labs/snapshot.js/src/utils/web3';
-import { getInstance } from '@snapshot-labs/lock/plugins/vue3';
-import CommentBoxComment from './Comment.vue';
-import CommentBoxListReply from './ListReply.vue';
-
-const { formatRelativeTime } = useIntl();
-const { t } = useI18n();
-const auth = getInstance();
-const { modalAccountOpen } = useModal();
-const { web3Account } = useWeb3();
-const props = defineProps({
-  profiles: Object,
-  space: Object,
-  item: Object,
-  proposal: Object
-});
-const threeDotItems = computed(() => {
-  const items = [
-    { text: t('comment_box.edit_button'), action: 'edit' },
-    { text: t('comment_box.delete'), action: 'delete' }
-  ];
-
-  return items;
-});
-const isAdmin = computed(() => {
-  const admins = props.space.admins.map(address => address.toLowerCase());
-  return (
-    auth.isAuthenticated.value &&
-    web3Account.value &&
-    admins.includes(web3Account.value.toLowerCase())
-  );
-});
-const isOwner = computed(() => {
-  return web3Account.value === props.item.author;
-});
-const isCreator = computed(() => props.proposal.author === web3Account.value);
-const toggleComment = ref(true);
-const toggleEditComment = ref(true);
-const closeModal = ref(false);
-const loading = ref(false);
-const loadingMore = ref(false);
-const allReply = ref([]);
-function selectFromThreedotDropdown(e) {
-  if (e === 'edit') {
-    toggleEditComment.value = false;
-    toggleComment.value = true;
-  }
-  if (e === 'delete') {
-    if (!web3Account.value) return (modalAccountOpen.value = true);
-    closeModal.value = true;
-    const el = document.body;
-    el.classList['remove']('overflow-hidden');
-  }
-}
-const emit = defineEmits(['deleteItem', 'updateItem', 'replyComment']);
-async function deleteData(url = '', data = {}, authorization) {
-  // Default options are marked with *
-  const response = await fetch(url, {
-    method: 'POST',
-    body: JSON.stringify(data),
-    headers: {
-      'Content-type': 'application/json;charset=UTF-8',
-      ...authorization
-    }
-  });
-  return response.json(); // parses JSON response into native JavaScript objects
-}
-const { notify } = useFlashNotification();
-async function deleteItem() {
-  if (loading.value) return;
-  try {
-    loading.value = true;
-    const token = localStorage.getItem(
-      `_commentBox.token-${web3Account.value}`
-    );
-    let sig;
-    const msg = { key: props.item.key };
-    if (!token)
-      sig = await signMessage(
-        auth.web3,
-        JSON.stringify(msg),
-        web3Account.value
-      );
-    const res = await deleteData(
-      `https://uia5m1.deta.dev/delete`,
-      {
-        address: web3Account.value,
-        msg: JSON.stringify(msg),
-        sig,
-        space_id: props.space.id
-      },
-      token ? { authorization: token } : null
-    );
-    loading.value = false;
-    if (res.refresh) throw new Error('refresh');
-    if (!res.status) return notify(['primary', t('comment_box.error')]);
-    if (res.token)
-      localStorage.setItem(`_commentBox.token-${web3Account.value}`, res.token);
-    allReply.value = 0;
-    emit('deleteItem', props.item.key);
-    closeModal.value = false;
-    return;
-  } catch (e) {
-    if (e.message === 'refresh') {
-      localStorage.removeItem(`_commentBox.token-${web3Account.value}`);
-      deleteItem();
-      return;
-    }
-    loading.value = false;
-    notify(['primary', t('comment_box.error')]);
-  }
-}
-
-function closeEvent() {
-  if (loading.value) return;
-  closeModal.value = false;
-}
-async function updateItem(e) {
-  toggleEditComment.value = true;
-  emit('updateItem', e);
-}
-watch([closeModal, () => props.item], (oldVal, newVal) => {
-  if (oldVal[2].key !== newVal[2].key) {
-    getDataAfterDelete(props.item.key);
-  }
-
-  const el = document.body;
-  if (!closeModal.value) {
-    el.classList['remove']('overflow-hidden');
-  } else if (closeModal.value && !el.classList['contains']('overflow-hidden')) {
-    el.classList['add']('overflow-hidden');
-  }
-});
-
-async function getData(url = '') {
-  // Default options are marked with *
-  const response = await fetch(url, {
-    method: 'GET'
-  });
-  return response.json(); // parses JSON response into native JavaScript objects
-}
-const lastPage = ref(false);
-async function getDataAfterDelete(key) {
-  try {
-    const res = await getData(
-      `https://uia5m1.deta.dev/all_reply/${props.item.proposal_id}/${key}`
-    );
-    if (res.status) {
-      const resData = res.data.items;
-      allReply.value = resData;
-      lastPage.value = false;
-    }
-    loadingMore.value = false;
-  } catch (e) {
-    loadingMore.value = false;
-  }
-}
-
-async function getReplyData() {
-  try {
-    const lastPageCondition = lastPage.value ? `?last=${lastPage.value}` : '';
-    const res = await getData(
-      `https://uia5m1.deta.dev/all_reply/${props.item.proposal_id}/${props.item.key}${lastPageCondition}`
-    );
-    if (res.status && !lastPage.value) {
-      const resData = res.data.items.filter(
-        a => allReply.value.findIndex(b => b.key === a.key) < 0
-      );
-      allReply.value = allReply.value.concat(resData).sort((a, b) => {
-        return Number(a.timestamp) - Number(b.timestamp);
-      });
-      lastPage.value = res.data.last;
-    } else {
-      const resData = res.data.items.filter(
-        a => allReply.value.findIndex(b => b.key === a.key) < 0
-      );
-      allReply.value = allReply.value.concat(resData).sort((a, b) => {
-        return Number(a.timestamp) - Number(b.timestamp);
-      });
-      lastPage.value = res.data.last;
-    }
-    loadingMore.value = false;
-  } catch (e) {
-    loadingMore.value = false;
-  }
-}
-onMounted(async () => {
-  getReplyData();
-});
-function updateItemReply(data) {
-  allReply.value[allReply.value.findIndex(a => a.key === data.key)] = data;
-}
-function deleteItemReply(key) {
-  allReply.value.splice(
-    allReply.value.findIndex(a => a.key === key),
-    1
-  );
-}
-</script>
-<template>
-  <BaseModal :open="closeModal" @close="closeEvent">
-    <template #header>
-      <h3>{{ $t('comment_box.delete_comment') }}</h3>
-    </template>
-    <div class="mt-3 text-center">
-      <p>{{ $t('comment_box.delete_modal') }}</p>
-    </div>
-    <div
-      class="mb-2 mt-3 flex content-center items-center justify-center text-center"
-    >
-      <BaseButton
-        class="!bg-primary !text-white"
-        :loading="loading"
-        @click="deleteItem"
-        >{{ $t('comment_box.yes') }}</BaseButton
-      >
-      <BaseButton :disabled="loading" class="ml-2" @click="closeEvent">{{
-        $t('comment_box.no')
-      }}</BaseButton>
-    </div>
-  </BaseModal>
-  <div v-if="!toggleEditComment">
-    <CommentBoxComment
-      :space="space"
-      :item="item"
-      :button-name="$t('comment_box.edit_button')"
-      :placeholder="$t('comment_box.edit')"
-      method="edit"
-      @dismissComment="toggleEditComment = true"
-      @updateItem="updateItem($event)"
-    />
-  </div>
-  <div v-if="toggleEditComment">
-    <BaseBlock :slim="true" class="mb-0 mt-2 p-4 text-skin-text">
-      <div>
-        <BaseUser
-          :address="item.author"
-          :profile="profiles[item.author]"
-          :space="space"
-          class="inline-block"
-        /><span
-          v-tippy="{
-            content: formatRelativeTime(item.timestamp / 1e3)
-          }"
-          class="ml-1"
-          v-text="$d(item.timestamp, 'short', 'en-US')"
-        />
-
-        <BaseMenu
-          v-if="isAdmin || isOwner || isCreator"
-          class="float-right"
-          :items="threeDotItems"
-          @select="selectFromThreedotDropdown"
-        >
-          <template #button>
-            <BaseIcon name="threedots" size="25" class="v-align-text-bottom" />
-          </template>
-        </BaseMenu>
-      </div>
-      <div class="mt-2">{{ item.markdown }}</div>
-    </BaseBlock>
-
-    <BaseButton
-      class="rounded-0 mt-2 p-1"
-      style="line-height: 0px; height: auto"
-      @click="toggleComment = !toggleComment"
-    >
-      <BaseIcon :name="'receipt-outlined'" class="v-align-middle" size="15" />
-      <span class="ml-1">{{ $t('comment_box.reply') }}</span>
-    </BaseButton>
-    <CommentBoxComment
-      v-if="!toggleComment"
-      button-name="Reply"
-      :space="space"
-      :item="item"
-      :main-thread="item.key"
-      method="replyComment"
-      :placeholder="$t('comment_box.add_reply')"
-      @dismissComment="toggleComment = true"
-      @replyComment="allReply.push($event)"
-    />
-  </div>
-  <CommentBoxListReply
-    :proposal="proposal"
-    :profiles="profiles"
-    :space="space"
-    :all-reply="allReply"
-    :last-page="lastPage"
-    :main-thread="item.key"
-    :loading-more="loadingMore"
-    @replyComment="allReply.push($event)"
-    @updateItem="updateItemReply($event)"
-    @deleteItem="deleteItemReply($event)"
-    @loadMore="getReplyData"
-  />
-</template>
diff --git a/src/plugins/commentBox/components/CustomBlock.vue b/src/plugins/commentBox/components/CustomBlock.vue
deleted file mode 100644
index 672f72908..000000000
--- a/src/plugins/commentBox/components/CustomBlock.vue
+++ /dev/null
@@ -1,202 +0,0 @@
-<script setup>
-import { getInstance } from '@snapshot-labs/lock/plugins/vue3';
-import { signMessage } from '@snapshot-labs/snapshot.js/src/utils/web3';
-import CommentBoxCommentBlock from './CommentBlock.vue';
-import { useInfiniteScroll } from '@vueuse/core';
-
-const { t } = useI18n();
-const props = defineProps({
-  proposalId: String,
-  space: Object,
-  proposal: Object
-});
-const { notify } = useFlashNotification();
-const auth = getInstance();
-const { web3Account } = useWeb3();
-const { profiles } = useProfiles();
-const { modalAccountOpen } = useModal();
-const loading = ref(false);
-const comment = ref('');
-const allData = ref([]);
-const loadingMore = ref(false);
-const togglePreview = ref(true);
-async function getData(url = '') {
-  // Default options are marked with *
-  const response = await fetch(url, {
-    method: 'GET'
-  });
-  return response.json(); // parses JSON response into native JavaScript objects
-}
-const lastPage = ref(false);
-const isLast = ref(false);
-async function getCommentData() {
-  try {
-    if (allData.value.length > 0) loadingMore.value = true;
-
-    if (!lastPage.value && !isLast.value && allData.value.length > 0) {
-      loadingMore.value = false;
-      return;
-    }
-    const lastPageCondition = isLast.value ? `?last=${lastPage.value}` : '';
-    const res = await getData(
-      `https://uia5m1.deta.dev/all/${props.proposalId}${lastPageCondition}`
-    );
-    if (res.status) {
-      const resData = res.data.items.filter(
-        a => allData.value.findIndex(b => b.key === a.key) < 0
-      );
-      allData.value = allData.value.concat(resData).sort((a, b) => {
-        return Number(a.timestamp) - Number(b.timestamp);
-      });
-      lastPage.value = res.data.last;
-      if (res.data.last) {
-        isLast.value = true;
-      } else {
-        isLast.value = false;
-      }
-    }
-    loadingMore.value = false;
-  } catch (e) {
-    loadingMore.value = false;
-  }
-}
-
-useInfiniteScroll(
-  document,
-  () => {
-    getCommentData();
-  },
-  { distance: 400 }
-);
-
-onMounted(async () => {
-  getCommentData();
-});
-
-async function clickSubmit() {
-  !web3Account.value ? (modalAccountOpen.value = true) : handleSubmit();
-}
-
-async function postData(url = '', data = {}, authorization) {
-  // Default options are marked with *
-
-  const response = await fetch(url, {
-    method: 'POST',
-    body: JSON.stringify(data),
-    headers: {
-      'Content-type': 'application/json;charset=UTF-8',
-      ...authorization
-    }
-  });
-  return response.json(); // parses JSON response into native JavaScript objects
-}
-
-async function handleSubmit() {
-  if (loading.value) return;
-  try {
-    loading.value = true;
-    const token = localStorage.getItem(
-      `_commentBox.token-${web3Account.value}`
-    );
-    let sig;
-    const msg = {
-      author: web3Account.value,
-      markdown: comment.value,
-      proposal_id: props.proposalId
-    };
-    if (!token)
-      sig = await signMessage(
-        auth.web3,
-        JSON.stringify(msg),
-        web3Account.value
-      );
-    const res = await postData(
-      `https://uia5m1.deta.dev/add`,
-      {
-        address: web3Account.value,
-        msg: JSON.stringify(msg),
-        sig
-      },
-      token ? { authorization: token } : null
-    );
-    loading.value = false;
-    if (res.refresh) throw new Error('refresh');
-    if (!res.status) return notify(['primary', t('comment_box.error')]);
-    comment.value = '';
-    if (res.token)
-      localStorage.setItem(`_commentBox.token-${web3Account.value}`, res.token);
-    allData.value.push(res.data);
-  } catch (e) {
-    if (e.message === 'refresh') {
-      localStorage.removeItem(`_commentBox.token-${web3Account.value}`);
-      handleSubmit();
-      return;
-    }
-    loading.value = false;
-    notify(['primary', t('comment_box.error')]);
-  }
-}
-
-function updateItem(data) {
-  allData.value[allData.value.findIndex(a => a.key === data.key)] = data;
-}
-function deleteItem(key) {
-  allData.value.splice(
-    allData.value.findIndex(a => a.key === key),
-    1
-  );
-}
-</script>
-<template>
-  <BaseBlock :title="$t('comment_box.title')">
-    <TextareaAutosize
-      v-if="togglePreview"
-      v-model="comment"
-      :placeholder="$t('comment_box.add')"
-      class="input h-full w-full text-left"
-      style="font-size: 18px"
-      :min-height="100"
-    />
-    <BaseBlock
-      v-if="!togglePreview"
-      slim="true"
-      class="h6 mb-0 mt-2 p-4 text-skin-text"
-    >
-      <div>{{ comment }}</div>
-    </BaseBlock>
-
-    <BaseButton
-      :disabled="comment.length === 0"
-      :loading="loading"
-      class="mt-2"
-      primary
-      @click="clickSubmit"
-    >
-      {{ $t(`comment_box.submit`) }}
-    </BaseButton>
-    <BaseButton
-      class="ml-2 mt-2"
-      :disabled="comment.length === 0"
-      primary
-      @click="togglePreview = !togglePreview"
-    >
-      {{
-        togglePreview
-          ? $t(`comment_box.preview`)
-          : $t(`comment_box.continue_editing`)
-      }}
-    </BaseButton>
-    <div v-for="(item, index) in allData" :key="index">
-      <CommentBoxCommentBlock
-        :proposal="proposal"
-        :item="item"
-        :profiles="profiles"
-        :space="space"
-        @updateItem="updateItem($event)"
-        @deleteItem="deleteItem($event)"
-      />
-    </div>
-
-    <LoadingRow v-if="loadingMore" class="my-2" />
-  </BaseBlock>
-</template>
diff --git a/src/plugins/commentBox/components/ListReply.vue b/src/plugins/commentBox/components/ListReply.vue
deleted file mode 100644
index a0f017d9d..000000000
--- a/src/plugins/commentBox/components/ListReply.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-<script setup>
-import CommentBoxReplyBlock from './ReplyBlock.vue';
-
-const props = defineProps({
-  space: Object,
-  profiles: Object,
-  allReply: Array,
-  mainThread: String,
-  lastPage: String,
-  loadingMore: Boolean,
-  proposal: Object
-});
-
-const listReply = ref({});
-onBeforeUpdate(() => {
-  listReply.value = {};
-});
-function goto(index) {
-  try {
-    const element = listReply.value[index];
-    const child = element.querySelector('div > div > div > div.border-t');
-    child.classList.remove('bg-skin-block-bg');
-    child.classList.add('goto');
-    const top = element.offsetTop;
-    window.scrollTo(0, top - 79);
-    setTimeout(() => {
-      child.classList.remove('goto');
-      child.classList.add('bg-skin-block-bg');
-    }, 1000);
-  } catch (e) {
-    console.log(e.message);
-  }
-}
-const showIt = ref(false);
-const loadIt = ref(false);
-watch(
-  () => props.allReply,
-  () => {
-    loadIt.value = false;
-  }
-);
-</script>
-<style lang="scss">
-.goto {
-  animation-name: fade-to-black;
-  animation-duration: 1s;
-}
-
-@keyframes fade-to-black {
-  0% {
-    background-color: grey;
-  }
-  100% {
-    background-color: var(--bg-color);
-  }
-}
-</style>
-
-<template>
-  <div
-    v-if="allReply.length > 0"
-    class="d-inline-block ml-2 mt-2"
-    style="cursor: pointer"
-    @click="showIt = !showIt"
-  >
-    {{ showIt ? $t('comment_box.hide') : $t('comment_box.show') }}
-    {{ $t('comment_box.replies') }} ({{ allReply.length }})
-  </div>
-
-  <div
-    v-for="(item, index) in allReply"
-    v-show="showIt"
-    :ref="
-      el => {
-        if (el) listReply[item.key] = el;
-      }
-    "
-    :key="index"
-    class="pl-4"
-  >
-    <CommentBoxReplyBlock
-      :proposal="proposal"
-      :item="item"
-      :profiles="profiles"
-      :space="space"
-      :main-thread="mainThread"
-      @replyComment="$emit('replyComment', $event)"
-      @updateItem="$emit('updateItem', $event)"
-      @deleteItem="$emit('deleteItem', $event)"
-      @scrollTo="goto($event)"
-    />
-  </div>
-
-  <div
-    v-if="lastPage && showIt && !loadIt"
-    class="d-inline-block ml-5 mt-2"
-    style="cursor: pointer"
-    @click="
-      $emit('loadMore');
-      loadIt = true;
-    "
-  >
-    {{ $t('comment_box.load_more') }}...
-  </div>
-  <LoadingRow v-if="loadingMore" class="my-2" />
-</template>
diff --git a/src/plugins/commentBox/components/ReplyBlock.vue b/src/plugins/commentBox/components/ReplyBlock.vue
deleted file mode 100644
index 9b9a47f33..000000000
--- a/src/plugins/commentBox/components/ReplyBlock.vue
+++ /dev/null
@@ -1,209 +0,0 @@
-<script setup>
-import { signMessage } from '@snapshot-labs/snapshot.js/src/utils/web3';
-import { getInstance } from '@snapshot-labs/lock/plugins/vue3';
-
-const { formatRelativeTime } = useIntl();
-const { t } = useI18n();
-const auth = getInstance();
-const { modalAccountOpen } = useModal();
-const { web3Account } = useWeb3();
-const props = defineProps({
-  item: Object,
-  space: Object,
-  profiles: Object,
-  mainThread: String,
-  proposal: Object
-});
-const emit = defineEmits([
-  'deleteItem',
-  'updateItem',
-  'replyComment',
-  'scrollTo'
-]);
-const toggleComment = ref(true);
-const toggleEditComment = ref(true);
-const loading = ref(false);
-const threeDotItems = computed(() => {
-  const items = [
-    { text: t('comment_box.edit_button'), action: 'edit' },
-    { text: t('comment_box.delete'), action: 'delete' }
-  ];
-
-  return items;
-});
-const closeModal = ref(false);
-function selectFromThreedotDropdown(e) {
-  if (e === 'edit') {
-    toggleEditComment.value = false;
-    toggleComment.value = true;
-  }
-  if (e === 'delete') {
-    if (!web3Account.value) return (modalAccountOpen.value = true);
-    closeModal.value = true;
-  }
-}
-async function deleteData(url = '', data = {}, authorization) {
-  // Default options are marked with *
-  const response = await fetch(url, {
-    method: 'POST',
-    body: JSON.stringify(data),
-    headers: {
-      'Content-type': 'application/json;charset=UTF-8',
-      ...authorization
-    }
-  });
-  return response.json(); // parses JSON response into native JavaScript objects
-}
-const { notify } = useFlashNotification();
-async function deleteItem() {
-  if (loading.value) return;
-  try {
-    loading.value = true;
-    const token = localStorage.getItem(
-      `_commentBox.token-${web3Account.value}`
-    );
-    let sig;
-    const msg = { key: props.item.key };
-    if (!token)
-      sig = await signMessage(
-        auth.web3,
-        JSON.stringify(msg),
-        web3Account.value
-      );
-    const res = await deleteData(
-      `https://uia5m1.deta.dev/delete/`,
-      {
-        address: web3Account.value,
-        msg: JSON.stringify(msg),
-        sig,
-        space_id: props.space.id
-      },
-      token ? { authorization: token } : null
-    );
-    loading.value = false;
-    if (res.refresh) throw new Error('refresh');
-    if (!res.status) return notify(['primary', t('comment_box.error')]);
-    if (res.token)
-      localStorage.setItem(`_commentBox.token-${web3Account.value}`, res.token);
-    emit('deleteItem', props.item.key);
-    closeModal.value = false;
-
-    return;
-  } catch (e) {
-    if (e.message === 'refresh') {
-      localStorage.removeItem(`_commentBox.token-${web3Account.value}`);
-      deleteItem();
-      return;
-    }
-    loading.value = false;
-    notify(['primary', t('comment_box.error')]);
-  }
-}
-watch([closeModal], () => {
-  const el = document.body;
-  if (!closeModal.value) {
-    el.classList['remove']('overflow-hidden');
-  } else if (closeModal.value && !el.classList['contains']('overflow-hidden')) {
-    el.classList['add']('overflow-hidden');
-  }
-});
-const isAdmin = computed(() => {
-  const admins = props.space.admins.map(address => address.toLowerCase());
-  return (
-    auth.isAuthenticated.value &&
-    web3Account.value &&
-    admins.includes(web3Account.value.toLowerCase())
-  );
-});
-const isOwner = computed(() => {
-  return web3Account.value === props.item.author;
-});
-const isCreator = computed(() => props.proposal.author === web3Account.value);
-</script>
-<template>
-  <BaseModal :open="closeModal" @close="closeModal = false">
-    <template #header>
-      <h3>{{ $t('comment_box.delete_comment') }}</h3>
-    </template>
-    <div class="mt-4 text-center">
-      <p>{{ $t('comment_box.delete_modal') }}</p>
-    </div>
-    <div
-      class="mb-2 mt-3 flex content-center items-center justify-center text-center"
-    >
-      <BaseButton
-        :loading="loading"
-        class="!bg-primary !text-white"
-        @click="deleteItem"
-        >{{ $t('comment_box.yes') }}</BaseButton
-      >
-      <BaseButton
-        :disabled="loading"
-        class="ml-2"
-        @click="closeModal = false"
-        >{{ $t('comment_box.no') }}</BaseButton
-      >
-    </div>
-  </BaseModal>
-  <div v-if="!toggleEditComment">
-    <PluginCommentBoxComment
-      :item="item"
-      :space="space"
-      :button-name="$t('comment_box.edit_button')"
-      :placeholder="$t('comment_box.edit')"
-      method="edit"
-      @dismissComment="toggleEditComment = true"
-      @updateItem="$emit('updateItem', $event)"
-    />
-  </div>
-  <div v-if="toggleEditComment">
-    <BaseBlock :slim="true" class="mb-0 mt-2 p-4 text-skin-text">
-      <div>
-        <BaseUser
-          :address="item.author"
-          :profile="profiles[item.author]"
-          :space="space"
-          class="inline-block"
-        />
-        <span
-          v-tippy="{
-            content: formatRelativeTime(item.timestamp / 1e3)
-          }"
-          class="ml-1"
-          v-text="$d(item.timestamp, 'short', 'en-US')"
-        />
-        <BaseMenu
-          v-if="isAdmin || isOwner || isCreator"
-          class="float-right"
-          :items="threeDotItems"
-          @select="selectFromThreedotDropdown"
-        >
-          <template #button>
-            <BaseIcon name="threedots" size="25" class="v-align-text-bottom" />
-          </template>
-        </BaseMenu>
-      </div>
-      <div class="mt-2">{{ item.markdown }}</div>
-    </BaseBlock>
-    <BaseButton
-      class="rounded-0 mt-2 p-1"
-      style="line-height: 0px; height: auto"
-      @click="toggleComment = !toggleComment"
-    >
-      <BaseIcon :name="'receipt-outlined'" class="v-align-middle" size="15" />
-      <span class="ml-1">{{ $t('comment_box.reply') }}</span>
-    </BaseButton>
-    <PluginCommentBoxComment
-      v-if="!toggleComment"
-      button-name="Reply"
-      :space="space"
-      :item="item"
-      :main-thread="mainThread"
-      method="replyComment"
-      :placeholder="$t('comment_box.add_reply')"
-      @dismissComment="toggleComment = true"
-      @replyComment="$emit('replyComment', $event)"
-      @updateItem="$emit('updateItem', $event)"
-    />
-  </div>
-</template>
diff --git a/src/plugins/commentBox/plugin.json b/src/plugins/commentBox/plugin.json
deleted file mode 100644
index 5ddacd1b1..000000000
--- a/src/plugins/commentBox/plugin.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "name": "Comment Box",
-  "version": "0.0.1",
-  "author": "spiritbro1",
-  "website": "https://github.com/snapshot-labs/snapshot/tree/master/src/plugins/commentBox",
-  "icon": "ipfs://QmWpLpFpeQ3iH69uCeXXAfLu56YaL9mNESMGfeJ5XSpkhY"
-}
diff --git a/vite.config.ts b/vite.config.ts
index 220f758bf..837f982ad 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -82,6 +82,12 @@ export default defineConfig({
   optimizeDeps: {
     esbuildOptions: {
       target: 'esnext'
+    },
+    exclude: ['@snapshot-labs/tune']
+  },
+  server: {
+    watch: {
+      ignored: ['!**/node_modules/@snapshot-labs/tune/**']
     }
   }
 });
diff --git a/yarn.lock b/yarn.lock
index 0de41d4d7..c0653ffa1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1309,10 +1309,10 @@
   dependencies:
     ofetch "^1.3.3"
 
-"@snapshot-labs/snapshot.js@^0.8.0":
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/@snapshot-labs/snapshot.js/-/snapshot.js-0.8.0.tgz#f440c60a34cdc886d9bfc9f578278bb14ee0aa21"
-  integrity sha512-FnTwofZuI57l2n7+krYGIYh7LkF955ItM6T+vsAH7gaVSUlMWYcA3tGOcgsj0STwjge3Y8JwgUsfPf3SadOYow==
+"@snapshot-labs/snapshot.js@^0.8.1":
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/@snapshot-labs/snapshot.js/-/snapshot.js-0.8.1.tgz#1bd8e939ec354dde89fbe284366bd11e8103c0c6"
+  integrity sha512-TTKfMBMaf+jQqpgsPezQ6pz5d3IXqO4z2P+Kwfa5W9Noz4+XfrvOHo2ADl4TuCBp922EvF7bfxLQVvKAakQZPA==
   dependencies:
     "@ensdomains/eth-ens-namehash" "^2.0.15"
     "@ethersproject/abi" "^5.6.4"