Как вернуться на первую страницу из пагинации?

path: '/', component: Blog,
        children: [
            {path: '/:id?', component: BlogFeed, name: 'blog'},
            ... ... ...

<template>
    <div>
        <paginate name="posts" ref="paginator" :list="this.posts" :per="2" class="paginate-list">
            <div v-for="post in paginated('posts')" :key="post.id">
                <b-card>
                    <h3><router-link :to="{ name: 'post_detail', params: {id: post.id} }">{{ post.title }}</router-link></h3>
                    {{ post.body }}
                </b-card>
            </div>
        </paginate>
        
        <paginate-links for="posts" 
        @change="PageChange" 
        :show-step-links="true"
        >
        </paginate-links>
    </div>
</template>

<script>
import axios from 'axios'
import { mapGetters } from 'vuex'
export default {
    name: 'BlogFeed',
    data() {
        return {
            paginate: ['posts'],
            toPage: 2,
        }
    },
    computed: {
        ...mapGetters([
            'posts',
        ]),
    },
    methods: {
        },
        PageChange(toPage, fromPage) {
            this.$router.push({path: '/' + toPage})
        },
        get_posts() {
            this.$store.dispatch('GET_POSTS')
        }
    },
    watch: {
        $route() {
            if (this.$route.path === '/') {
                this.$refs.paginator.goToPage(1)
            }
        }
    },
    created() {
        this.get_posts()
    }  
}
</script>