ساخت یک Button Loading با استفاده از لاراول و vuejs

سلام من میخواستم یک Button Loading در blade لاراول و با کمک Vue.js درست کنم ولی موقع کلیک کردن بر روی Button هیچ اتفاقی رخ نمیدهد!!

کد قسمت Vue.js

    methods:{

        // Product
        addSize:function()
        {
            let btn=$(".btn");
            btn.button("loading");
            setTimeout(function ()
            {
                btn.button("reset");
            },۳۰۰۰);

        },

این هم کد های balde

                            <label for="name" class="ml-۱  mt-۲ text-medium w-۲۵ text-center">سایز</label>
                            <select id="name" class="form-control"><option value="۱">۲۴</option></select>
                            <button type="button" class="btn btn-info mr-۳ " id="load" data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> در حال ثبت" @click="addSize">ارسال</button>
                        </div>

لطفا راهنمایی کنید
@hesammousavi