Revert "ref: Major refactor Tune into Snapshot (#4374)" (#4385)

This reverts commit 6da4b19.

package.json

@@ -39,6 +39,7 @@
     "@snapshot-labs/lock": "^0.2.1",
     "@snapshot-labs/pineapple": "^1.1.0",
     "@snapshot-labs/snapshot.js": "^0.9.2",
+    "@snapshot-labs/tune": "^0.1.34",
     "@vue/apollo-composable": "4.0.0-beta.11",
     "@vueuse/core": "^10.6.1",
     "@vueuse/head": "^2.0.0",
@@ -51,7 +52,6 @@
     "js-sha256": "^0.10.1",
     "jsonexport": "^3.2.0",
     "lodash": "^4.17.21",
-    "minisearch": "^6.2.0",
     "mixpanel-browser": "^2.48.1",
     "remarkable": "^2.0.1",
     "remove-markdown": "^0.5.0",

src/components/BaseCalendar.vue

@@ -102,7 +102,7 @@ function isSelectable(year, month, day) {
           v-if="isSelectable(year, month, day)"
           class="day border-b border-r bg-transparent text-skin-link hover:bg-skin-link hover:text-skin-bg"
           :class="{
-            'ring-1 ring-inset ring-skin-primary':
+            'ring-1 ring-inset ring-primary':
               formatDate(year, month, day) === today,
             '!bg-skin-link !text-skin-bg': input.includes(
               formatDate(year, month, day)

src/components/BaseIndicator.vue

@@ -1,3 +1,3 @@
 <template>
-  <span class="inline-block h-[12px] w-[12px] rounded-full bg-skin-primary" />
+  <span class="inline-block h-[12px] w-[12px] rounded-full bg-primary" />
 </template>

src/components/BaseProgressBar.vue

@@ -7,7 +7,7 @@ defineProps<{ value: number }>();
     <div class="z-5 absolute h-full w-full bg-[color:var(--border-color)]" />
     <div
       :style="`width: ${value.toFixed(3)}%;`"
-      class="z-10 h-full bg-skin-primary opacity-80"
+      class="z-10 h-full bg-primary opacity-80"
     />
   </div>
 </template>

src/components/BlockSpacesListItem.vue

@@ -27,7 +27,7 @@ defineProps<{
       <IconVerifiedSpace
         v-if="space.verified"
         size="14"
-        class="pl-1 text-skin-primary"
+        class="pl-1 text-primary"
       />
     </div>
   </router-link>

src/components/InputCheckbox.vue

@@ -14,7 +14,7 @@ const emit = defineEmits(['update:modelValue']);
       :checked="modelValue"
       :name="name"
       type="checkbox"
-      class="form-checkbox h-[19px] w-[19px] rounded-lg border-skin-text bg-skin-bg text-skin-primary !outline-none !ring-0"
+      class="form-checkbox h-[19px] w-[19px] rounded-lg border-skin-text bg-skin-bg text-primary !outline-none !ring-0"
       @input="
         emit('update:modelValue', ($event.target as HTMLInputElement).checked)
       "

src/components/ModalSpacesListItem.vue

@@ -21,7 +21,7 @@ defineProps<{
               </div>
               <IconVerifiedSpace
                 v-if="space.verified"
-                class="ml-1 flex text-skin-primary"
+                class="ml-1 flex text-primary"
                 size="18"
               />
             </div>

src/components/ProfileAboutDelegateListItem.vue

@@ -31,7 +31,7 @@ defineEmits(['delegate']);
             <IconVerifiedSpace
               v-if="space.verified"
               size="19"
-              class="ml-1 flex text-skin-primary"
+              class="ml-1 flex text-primary"
             />
           </div>
         </router-link>

src/components/ProfileActivityListItem.vue

@@ -20,7 +20,7 @@ defineProps<{ activity: ProfileActivity }>();
         <div class="relative min-w-[52px]">
           <AvatarSpace size="44" :space="activity.space" />
           <div
-            class="absolute right-0 top-[24px] rounded-full bg-skin-primary p-[6px] pr-[5px] text-[9px] text-white"
+            class="absolute right-0 top-[24px] rounded-full bg-primary p-[6px] pr-[5px] text-[9px] text-white"
           >
             <i-s-signature />
           </div>

src/components/SetupSidebarStepper.vue

@@ -24,12 +24,12 @@ const steps = [
           <div v-if="currentStep > i">
             <span class="flex items-center">
               <span
-                class="relative flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-skin-primary"
+                class="relative flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-primary"
               >
                 <i-ho-check class="text-[14px] text-white" aria-hidden="true" />
                 <span
                   v-if="i > 0"
-                  class="absolute -top-4 h-4 w-[1px] bg-skin-primary"
+                  class="absolute -top-4 h-4 w-[1px] bg-primary"
                 />
               </span>
 
@@ -47,16 +47,14 @@ const steps = [
             aria-current="step"
           >
             <span
-              class="relative flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full border !border-skin-primary"
+              class="relative flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full border !border-primary"
               aria-hidden="true"
             >
               <span class="absolute h-4 w-4 rounded-full" />
-              <span
-                class="relative block h-2 w-2 rounded-full bg-skin-primary"
-              />
+              <span class="relative block h-2 w-2 rounded-full bg-primary" />
               <span
                 v-if="i > 0"
-                class="absolute -top-[25px] h-4 w-[1px] bg-skin-primary"
+                class="absolute -top-[25px] h-4 w-[1px] bg-primary"
               />
             </span>
             <span class="ml-3 text-base font-medium text-skin-link">