https://www.theoutlet.co.nz/blog-vue-js/1788995512

1(function($){if($('#v-blog').length>0){const blogApp=Vue.createApp({name:'Blog',data(){return{blogs:window.blog,categories:window.categories,totalBlogs:window.totalCount,videos:window.videos,viewAll:!0,selectedCategories:[],pageSize:6,videoPageSize:3,galleryOptions:{speed:400,slidesPerView:'auto',navigation:{nextEl:'.swiper-button-next',prevEl:'.swiper-button-prev',},},}},computed:{viewAllCategory(){return{blogid:0,label:'Show All',visible:1,}},categoryList(){const categories=Object.values(this.categories);categories.unshift(this.viewAllCategory);return categories},blogsFiltered(){if(this.selectedCategories.length>0){return!0}
2return!1},filteredByCategory(){if(this.blogsFiltered){return this.blogs.filter((blog)=>blog.categories.some((category)=>this.selectedCategories.some((selected)=>selected.blogid===category.blogid)))}
3return this.blogs},totalFiltered(){if(this.viewAll){return this.blogs.length}
4return this.filteredByCategory.length},visibleBlogs(){if(this.viewAll){return this.blogs.slice(0,this.pageSize)}
5return this.filteredByCategory.slice(0,this.pageSize)},visibleBlogCount(){if(this.totalFiltered<this.pageSize){return this.totalFiltered}
6return this.pageSize},visibleBlogsCount(){if(this.selectedCategories.length>0){return this.filteredByCategory.length}
7return this.blogs.length},showLoadMore(){return this.pageSize<this.totalFiltered},visibleVideos(){return this.videos.slice(0,this.videoPageSize)},},methods:{isActiveCategory(category){return this.selectedCategories.some((selectedCategory)=>selectedCategory.label===category.label)},selectCategory(category){this.viewAll=!1;if(category.label==='Show All'){if(this.selectedCategories.some((cat)=>cat.label==='Show All')){this.selectedCategories=[];this.viewAll=!1}else{this.selectedCategories=this.categoryList;this.viewAll=!0}}else if(this.selectedCategories.includes(category)){this.selectedCategories=this.selectedCategories.filter((cat)=>cat!==category);this.selectedCategories=this.selectedCategories.filter((cat)=>cat.label!=='Show All')}else{this.selectedCategories.push(category);this.selectedCategories=this.selectedCategories.filter((item)=>item.label!=='Show All')}},getLimitedCategories(blog){return blog.categories.slice(0,3)},loadMore(){this.pageSize+=3},},mounted(){this.selectedCategories.push(this.viewAllCategory)},});blogApp.config.compilerOptions={whitespace:'condense'};blogApp.use(window.CoreVueDirectives).use(window.CoreVueComponents).mount('#v-blog')}
8if($('#v-blog-detail').length){const blogDetailApp=Vue.createApp({name:'Blog-Detail',data(){return{blog:window.blog,blogsPerView:3,}}

8,computed:{relatedPostsList(){return blog.relatedposts.slice(0,this.blogsPerView)},showLoadMore(){return(this.blog.relatedposts.length>3)&&(this.blogsPerView<this.blog.relatedposts.length)},},methods:{getLimitedCategories(blog){return blog.categories.slice(0,3)},loadMore(){this.blogsPerView+=3},},});blogDetailApp.config.compilerOptions={whitespace:'condense'};blogDetailApp.use(window.CoreVueDirectives).use(window.CoreVueComponents).mount('#v-blog-detail')}}(jQuery))