Newt CMS から Local の管理へ切り替え

Author: jiyuujin

app/components/SponsorsPageSection.vue

@@ -1,11 +1,13 @@
 <script setup lang="ts">
 import SponsorList from '~/components/sponsors/SponsorList.vue'
 import SectionTitle from '~/components/SectionTitle.vue'
-import { useSponsorsCMS } from '~/composables/useCMS'
+// import { useSponsorsCMS } from '~/composables/useCMS'
 import { individuals } from '~/utils/individuals.constants'
 
-const { fetchContent } = useSponsorsCMS()
-const { data: sponsors } = useLazyAsyncData('sponsors', () => fetchContent())
+import { sponsors } from '~/utils/newt.constants'
+
+// const { fetchContent } = useSponsorsCMS()
+// const { data: sponsors } = useLazyAsyncData('sponsors', () => fetchContent())
 </script>
 
 <template>

app/components/sponsors/SponsorListBio.vue

@@ -2,6 +2,7 @@
 import type { CustomPropType } from '~/types/shims-vue'
 import { sponsorSupportLevelTitle } from '~/utils/sponsors.constants'
 import { ISponsor } from '~/types/sponsors'
+import { REDIRECT_URL } from '~/utils/environment.constants'
 
 const props = defineProps({
   sponsors: {
@@ -46,7 +47,7 @@ const sponsorRankClass = computed(() => {
           rel="noopener"
         >
           <img
-            :src="sponsor.image.src"
+            :src="`${REDIRECT_URL}/sponsor/${sponsor.image.src}`"
             :alt="sponsor.name_jp"
             loading="lazy"
             class="aspect-video mb-5 w-full"

app/components/sponsors/SponsorLogo.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ISponsor } from '~/types/sponsors'
+import { REDIRECT_URL } from '~/utils/environment.constants'
 
 const props = defineProps<{
   sponsor: ISponsor
@@ -14,7 +15,7 @@ const props = defineProps<{
     class="shadow-card hover:shadow-card-hover transition"
   >
     <img
-      :src="props.sponsor.image.src"
+      :src="`${REDIRECT_URL}/sponsor/${props.sponsor.image.src}`"
       :alt="props.sponsor.name_jp"
       class="aspect-16/9 object-cover w-full bg-center"
     >

app/pages/sponsors/index.vue

@@ -6,11 +6,13 @@ import SponsorListBio from '~/components/sponsors/SponsorListBio.vue'
 import PageTitle from '~/components/PageTitle.vue'
 import FooterPageSection from '~/components/FooterPageSection.vue'
 import IchimatsuDividedBar from '~/components/IchimatsuDividedBar.vue'
-import { useSponsorsCMS } from '~/composables/useCMS'
+// import { useSponsorsCMS } from '~/composables/useCMS'
 import { SHOW_SPONSOR_LIST } from '~/utils/feature.constants'
 import { conferenceTitle } from '~/utils/constants'
 import { generalOg, twitterOg } from '~/utils/og.constants'
 
+import { sponsors } from '~/utils/newt.constants'
+
 const title = `スポンサー一覧 | ${conferenceTitle}`
 const url = 'https://vuefes.jp/2022/sponsors'
 const description = `${conferenceTitle} のスポンサー情報です。`
@@ -23,8 +25,8 @@ useNuxt2Meta({
   ]
 })
 
-const { fetchContent } = useSponsorsCMS()
-const { data: sponsors } = useLazyAsyncData('sponsors', () => fetchContent())
+// const { fetchContent } = useSponsorsCMS()
+// const { data: sponsors } = useLazyAsyncData('sponsors', () => fetchContent())
 
 const links = [
   { label: 'Platinum', link: '#platinum' },

app/static/sponsor-square/base.png

@@ -1 +1,3 @@
 export const isProd = process.env.NODE_ENV === 'production'
+
+export const REDIRECT_URL = isProd ? 'https://vuefes.jp/2022' : 'http://localhost:3000'