chore: Add ts on views where missing

src/App.vue

@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 const { domain } = useApp();
 const { init, isReady, showSidebar } = useApp();
 const route = useRoute();

src/components/BaseUser.vue

@@ -5,7 +5,7 @@ const { domain } = useApp();
 
 const props = defineProps<{
   address: string;
-  space?: ExtendedSpace;
+  space?: Partial<ExtendedSpace>;
   proposal?: Proposal;
   profile?: Profile;
   hideAvatar?: boolean;

src/components/PopoverHoverProfile.vue

@@ -9,7 +9,7 @@ defineProps<{
   address: string;
   profile?: Profile;
   proposal?: Proposal;
-  space?: ExtendedSpace;
+  space?: Partial<ExtendedSpace>;
 }>();
 
 const { domain } = useApp();

src/views/DelegateView.vue

@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import { debouncedWatch } from '@vueuse/core';
 import { isAddress } from '@ethersproject/address';
 import networks from '@snapshot-labs/snapshot.js/src/networks.json';
@@ -23,14 +23,14 @@ const currentId = ref('');
 const currentDelegate = ref('');
 const loaded = ref(false);
 const delegatesLoading = ref(false);
-const delegates = ref([]);
-const delegatesWithScore = ref([]);
-const delegators = ref([]);
+const delegates = ref<any[]>([]);
+const delegatesWithScore = ref<any[]>([]);
+const delegators = ref<any[]>([]);
 const specifySpaceChecked = ref(false);
-const space = ref({});
+const space = ref();
 const form = ref({
-  address: route.params.to || '',
-  id: route.params.key || ''
+  address: (route.params.to as string) || '',
+  id: (route.params.key as string) || ''
 });
 
 const { profiles, loadProfiles } = useProfiles();
@@ -44,11 +44,11 @@ const isEnsOwnedByWeb3Account = computed(() =>
 
 const validateSpaceInput = computed(() => {
   if (space.value === null) return t('delegate.noValidSpaceId');
-  return false;
+  return '';
 });
 
 const validateToInput = computed(() => {
-  if (form.value.address === '') return false;
+  if (form.value.address === '') return '';
   const address = form.value.address;
   if (!isValidEnsDomain(address) && !isAddress(address)) {
     if (address.includes('.'))
@@ -60,7 +60,7 @@ const validateToInput = computed(() => {
   if (address.toLowerCase() === web3Account.value.toLowerCase())
     return t('delegate.delegateToSelf');
   if (isEnsOwnedByWeb3Account.value) return t('delegate.delegateToSelfAddress');
-  return false;
+  return '';
 });
 
 watch(
@@ -126,7 +126,7 @@ async function getDelegatesWithScore() {
 
   delegatesLoading.value = true;
   try {
-    const delegations = await getDelegatesBySpace(
+    const delegations: any = await getDelegatesBySpace(
       space.value.network,
       space.value.id,
       'latest'
@@ -285,8 +285,8 @@ onMounted(async () => {
           <div
             v-for="(delegate, i) in delegates"
             :key="i"
-            :style="i === 0 && 'border: 0 !important;'"
             class="flex border-t px-4 py-3"
+            :class="{ '!border-0': i !== 0 }"
           >
             <BaseUser
               :address="delegate.delegate"
@@ -313,7 +313,7 @@ onMounted(async () => {
           <div
             v-for="(delegator, i) in delegators"
             :key="i"
-            :style="i === 0 && 'border: 0 !important;'"
+            :class="{ '!border-0': i === 0 }"
             class="flex border-t px-4 py-3"
           >
             <BaseUser
@@ -336,13 +336,13 @@ onMounted(async () => {
           <div
             v-for="(delegate, i) in delegatesWithScore"
             :key="i"
-            :style="i === 0 && 'border: 0 !important;'"
+            :class="{ '!border-0': i === 0 }"
             class="flex border-t px-4 py-3"
           >
             <BaseUser
               :profile="profiles[delegate.delegate]"
-              :address="delegate.delegate"
               :space="{ network: networkKey }"
+              :address="delegate.delegate"
               class="w-[160px]"
             />
             <div

src/views/ExploreView.vue

@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import { useInfiniteScroll } from '@vueuse/core';
 
 useMeta({
@@ -55,7 +55,7 @@ const { env } = useApp();
 const onlyMainnetNetworks = n => (env === 'production' ? !n.testnet : true);
 
 const items = computed(() => {
-  const q = route.query.q || '';
+  const q = (route.query.q as string) || '';
   if (isStrategies.value) return filterStrategies(q);
   if (isNetworks.value) return filterNetworks(q).filter(onlyMainnetNetworks);
   if (isPlugins.value) return filterPlugins(q);

src/views/StrategyView.vue

@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 const route = useRoute();
 
 const { getExtendedStrategy, extendedStrategy: strategy } = useStrategies();
@@ -7,7 +7,7 @@ useMeta({
   title: {
     key: 'metaInfo.strategy.title',
     params: {
-      strategy: route.params.name
+      strategy: route.params.name as string
     }
   },
   description: {
@@ -16,7 +16,7 @@ useMeta({
 });
 
 onMounted(async () => {
-  await getExtendedStrategy(route.params.name);
+  await getExtendedStrategy(route.params.name as string);
 });
 </script>
 
@@ -41,7 +41,11 @@ onMounted(async () => {
           class="text-skin-text"
           v-text="`In ${strategy.spacesCount} space(s)`"
         />
-        <BaseMarkdown :body="strategy.about" class="mb-6 mt-4" />
+        <BaseMarkdown
+          v-if="strategy.about"
+          :body="strategy.about"
+          class="mb-6 mt-4"
+        />
       </div>
     </template>
     <template #sidebar-right>