feat: back hook
This commit is contained in:
@@ -15,7 +15,7 @@
|
|||||||
import ListItem from "@/components/ListItem.vue";
|
import ListItem from "@/components/ListItem.vue";
|
||||||
import { getChannel } from "@/services/channels";
|
import { getChannel } from "@/services/channels";
|
||||||
import { getChannelMessages } from "@/services/messages";
|
import { getChannelMessages } from "@/services/messages";
|
||||||
import { nextTick, onMounted, ref } from "vue";
|
import { nextTick, onMounted, ref, watch } from "vue";
|
||||||
import { useRoute, useRouter } from "vue-router";
|
import { useRoute, useRouter } from "vue-router";
|
||||||
|
|
||||||
const route = useRoute();
|
const route = useRoute();
|
||||||
@@ -49,7 +49,8 @@ const loadMore = async () => {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
onMounted(async () => {
|
|
||||||
|
const loadData = async () => {
|
||||||
// get channel info
|
// get channel info
|
||||||
channel.value = await getChannel(route.params.channel);
|
channel.value = await getChannel(route.params.channel);
|
||||||
console.log("channel", channel.value);
|
console.log("channel", channel.value);
|
||||||
@@ -57,5 +58,8 @@ onMounted(async () => {
|
|||||||
// get channel messages
|
// get channel messages
|
||||||
messages.value = await getChannelMessages(route.params.channel, { offset: route.params.offset });
|
messages.value = await getChannelMessages(route.params.channel, { offset: route.params.offset });
|
||||||
console.log("messages", messages.value);
|
console.log("messages", messages.value);
|
||||||
});
|
}
|
||||||
|
|
||||||
|
watch(route, loadData);
|
||||||
|
onMounted(loadData);
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -47,7 +47,10 @@ const loadMore = async () => {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
onMounted(async () => {
|
const loadData = async () => {
|
||||||
messages.value = await getFavoriteMessages({ offset: route.params.offset });
|
messages.value = await getFavoriteMessages({ offset: route.params.offset });
|
||||||
});
|
}
|
||||||
|
|
||||||
|
watch(route, loadData);
|
||||||
|
onMounted(loadData);
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user