From d4deded80b0598bd8ac6fbf705bc69622061ed07 Mon Sep 17 00:00:00 2001
From: Shion Ichikawa <shion1305@gmail.com>
Date: Sat, 7 May 2022 04:14:22 +0900
Subject: [PATCH] [CHORE] reword Ads to Sponsors, could not achieve objective
 of #40

---
 src/App.vue                                       | 6 +++---
 src/components/{AdsBlock.vue => SponsorBlock.vue} | 6 +++---
 src/store/index.js                                | 6 +++---
 src/views/AboutView.vue                           | 8 ++++----
 src/views/HomeView.vue                            | 8 ++++----
 5 files changed, 17 insertions(+), 17 deletions(-)
 rename src/components/{AdsBlock.vue => SponsorBlock.vue} (92%)

diff --git a/src/App.vue b/src/App.vue
index af04fb4..56e41a7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -30,17 +30,17 @@ function getLatestSlides() {
   );
 }
 
-function getLatestAds() {
+function getLatestSponsors() {
   client.get({
     endpoint: 'ads'
   }).then((data) => {
-        store.commit('setAds', data.contents);
+        store.commit('setSponsors', data.contents);
       }
   );
 }
 
 onMounted(() => {
-  getLatestAds();
+  getLatestSponsors();
   getLatestUpdate();
   window.onload = () => {
     const loader = document.getElementById('loader');
diff --git a/src/components/AdsBlock.vue b/src/components/SponsorBlock.vue
similarity index 92%
rename from src/components/AdsBlock.vue
rename to src/components/SponsorBlock.vue
index 5d6f5a2..da01d2f 100644
--- a/src/components/AdsBlock.vue
+++ b/src/components/SponsorBlock.vue
@@ -32,7 +32,7 @@ const access = async function (id) {
 }
 </script>
 <template>
-  <swiper v-if="store.state.ads.length!==0" :autoplay="{
+  <swiper v-if="store.state.sponsors.length!==0" :autoplay="{
   delay: 4500,
   disableOnInteraction: false,
   }" :breakpoints="{
@@ -50,9 +50,9 @@ const access = async function (id) {
           :slidesPerGroup="2"
           :slidesPerView="2"
           :spaceBetween="10"
-          class="adsSwiper">
+          class="sponsorsSwiper">
 
-    <swiper-slide v-for="ad in randomList(store.state.ads)" :key="ad.id">
+    <swiper-slide v-for="ad in randomList(store.state.sponsors)" :key="ad.id">
       <a :href="`${ad.url}`" rel="noopener noreferrer"
          target="_blank"
          v-on:click="access(`${ad.sponsor}`)"><img
diff --git a/src/store/index.js b/src/store/index.js
index b638c86..f126bff 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -3,7 +3,7 @@ import {createStore} from 'vuex'
 export default createStore({
     state: {
         slides: [{slide: {url: "/image/loading.png"}}],
-        ads: [{image: {url: "/image/loading1.png"}}],
+        sponsors: [{image: {url: "/image/loading1.png"}}],
         updates: []
     },
     getters: {},
@@ -11,8 +11,8 @@ export default createStore({
         setSlide(state, newSlides) {
             state.slides = newSlides;
         },
-        setAds(state, newAds) {
-            state.ads = newAds;
+        setSponsors(state, newSponsors) {
+            state.sponsors = newSponsors;
         },
         setUpdates(state, newUpdates) {
             state.updates = newUpdates;
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
index 1ee80c3..0683379 100644
--- a/src/views/AboutView.vue
+++ b/src/views/AboutView.vue
@@ -6,7 +6,7 @@ import {Autoplay, Navigation} from "swiper";
 import "swiper/css";
 import "swiper/css/navigation";
 import "swiper/css/autoplay";
-import AdsBlock from "@/components/AdsBlock";
+import SponsorBlock from "@/components/SponsorBlock";
 import {event} from 'vue-gtag';
 
 function getShuffledImages() {
@@ -34,8 +34,8 @@ useMeta({title: '清陵祭とは', description: "「22清陵祭」を開催す
 </script>
 
 <template>
-  <div class="ads fadeUp">
-    <AdsBlock/>
+  <div class="sponsor_block fadeUp">
+    <SponsorBlock/>
   </div>
   <div class="about-head-wrapper">
     <div class="about-head fadeUp">
@@ -97,7 +97,7 @@ useMeta({title: '清陵祭とは', description: "「22清陵祭」を開催す
   </div>
 </template>
 <style lang="scss" scoped>
-.ads {
+.sponsor_block {
   animation-delay: 2.1s;
 }
 
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 9f752f0..ac904c3 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,7 +1,7 @@
 <script setup>
 
 import CarouselView from "@/components/CarouselView";
-import AdsBlock from "@/components/AdsBlock";
+import SponsorBlock from "@/components/SponsorBlock";
 import TwitterTimeline from "@/components/TwitterTimeline";
 import UpdateElement from "@/components/UpdateElement";
 import store from "@/store";
@@ -22,8 +22,8 @@ useMeta({title: '', description: '横浜国立大学オンライン大学祭「2
     <CarouselView id="carousel" class="fadeUp" style="animation-delay: 0.5s"/>
   </div>
   <div class="content-frame">
-    <div class="ads-area fadeUp">
-      <AdsBlock/>
+    <div class="sponsor-area fadeUp">
+      <SponsorBlock/>
     </div>
     <div class="fadeUp events_search_block">
       <div class="section_title">
@@ -125,7 +125,7 @@ useMeta({title: '', description: '横浜国立大学オンライン大学祭「2
   align-items: center;
 }
 
-.ads-area {
+.sponsor-area {
   width: fit-content;
   display: flex;
   flex-direction: row;