loading animation

package.json

@@ -23,7 +23,6 @@
         "laravel-mix-tailwind": "^0.1.0"
     },
     "dependencies": {
-        "lottie-player-vue": "0.0.14",
         "tailwindcss": "^1.6.2",
         "vue": "^2.6.11"
     }

public/mix-manifest.json

@@ -1,5 +1,5 @@
 {
-    "/js/app.js": "/js/app.js?id=c4b9bae5600dd75feb22",
+    "/js/app.js": "/js/app.js?id=e26b00d8a9f581314b0e",
     "/css/app.css": "/css/app.css?id=1a87fdd2f7566b3e8bee",
     "/js/manifest.js": "/js/manifest.js?id=3c768977c2574a34506e",
     "/js/vendor.js": "/js/vendor.js?id=968f85387c9bab0e92d2"

resources/js/app.js

@@ -8,7 +8,6 @@ import RecentStories from "./components/RecentStories";
 import AvailableSources from './components/AvailableSources';
 import SourceView from './components/SourceView';
 
-
 const app = new Vue({
     el: '#app',
     components: {

resources/js/components/SourceView.vue

@@ -74,10 +74,15 @@
                     </div>
                 </div>
             </div>
-
+            
             <div class="flex justify-center">
+
+                <div v-show="loading">
+                    <lottie-player src="https://assets9.lottiefiles.com/private_files/lf30_bIUWq7.json"  background="transparent"  speed="3"  style="width: 100px; height: 100px;"  loop  autoplay></lottie-player>
+                </div>
+
                 <button
-                    :disabled="loading != 0"
+                    v-show="loading == 0"
                     v-if="moreArticles"
                     @click="fetchNewArticles()"
                     class="ml-4 text-white h-10 flex items-center justify-center px-4 bg-main-link rounded shadow font-medium"
@@ -91,6 +96,7 @@
 
 <script>
 import * as moment from "moment";
+
 export default {
     props: {
         source: Object

resources/views/sources/show.blade.php

@@ -2,4 +2,8 @@
 
 @section('content')
 <source-view :source="{{$source}}" ></source-view>
+@endsection
+
+@section('js')
+<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
 @endsection