enkot

@Component
export default class App extends Vue {
  @Catch
  created() {
    return api.getData() // throws Error
      .then(data => ...) 
  }
}

enkot

export const catchDecoratorStore = {
    handler: null,
    setHandler(handler) {
        this.handler = handler
    }
}

function Catch(target, key, descriptor) {
    const originalMethod = descriptor.value

enkot

import Catch, { catchDecoratorStore } from './catchDecorator'

catchDecoratorStore.setHandler(error => Toast.error(error.message))

@Component
export default class App extends Vue {
  @Catch
  async created() {
    const data = await api.getData() // throws Error
    // ...

enkot

function Catch(localHandler) {
    return function(target, key, descriptor) {
        const originalMethod = descriptor.value

        descriptor.value = async function(...args) {
            try {
                return await originalMethod.apply(this, args)
            } catch (error) {
                const { handler } = catchDecoratorStore
                

enkot

const getDataErrorHandler = (error, ctx) => {
  ctx.errorMessage = error.message
}

@Component
export default class App extends Vue {
  errorMessage = ''

  @Catch(getDataErrorHandler)
  async getData() {

enkot

new Vue({
  props: {
    id: Number
  },
  data: { posts: [] },
  watch: {
    id() {}
  },
  created() {},
  methods: {

enkot

// ...
<script>
import { fetchUserPosts } from '@/api'

export default {
    props: {
        id: Number
    },
    data() {
        return {

enkot

const scrollMixin = {
    data() {
        return {
            pageOffset: 0
        }
    },
    mounted() {
        window.addEventListener('scroll', this.update)
    },
    destroyed() {

enkot

import { fetchUserPosts } from '@/api'

const withPostsHOC = WrappedComponent => ({
    props: WrappedComponent.props,
    data() {
        return {
            postsIsLoading: false,
            fetchedPosts: []
        }
    },

enkot

// ...
<script>
export default {
    name: 'PostsPage',
    mixins: [scrollMixin],
    props: {
        id: Number,
        isLoading: Boolean,
        posts: Array,
        count: Number