Vue mixin to create deferred components

defer.js

export default function (count = 10) {
    return {
        data () {
            return {
                displayPriority: 0,
            }
        },

        mounted () {
            this.runDisplayPriority()
        },

        methods: {
            runDisplayPriority () {
                const step = () => {
                    requestAnimationFrame(() => {
                        this.displayPriority++;
                        if (this.displayPriority < count) {
                            step()
                        }
                    })
                };
                step()
            },

            defer (priority) {
                return this.displayPriority >= priority
            },
        },
    }
}