feat: migrate to nuxt studio

.github/workflows/nodejs.yml

@@ -27,7 +27,6 @@ jobs:
 
   build:
     name: Build
-    if: github.event_name == 'push'
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3.5.3
@@ -42,9 +41,13 @@ jobs:
 
       - name: Build
         run: npm run build
+        env:
+          NUXT_PUBLIC_STUDIO_TOKENS: ${{ secrets.NUXT_PUBLIC_STUDIO_TOKENS }}
+          NODE_OPTIONS: --max-old-space-size=8192
 
       - name: Upload Production Artifact
         uses: actions/upload-pages-artifact@v1.0.9
+        if: github.event_name == 'push'
         with:
           path: dist
 

__tests__/components/content/Charts.test.ts

@@ -4,16 +4,17 @@ import { describe, expect, test } from 'vitest'
 import Charts from '~~/components/content/Charts.vue'
 
 describe('components/content/Charts.vue', () => {
-  const difficulties = {
-    0: { name: 'NORMAL', class: 'is-basic' },
-    1: { name: 'BASIC', class: 'is-basic' },
-    2: { name: 'ANOTHER', class: 'is-difficult' },
-    3: { name: 'MANIAC', class: 'is-expert' },
-  }
+  const difficulties = [
+    { name: 'BEGINNER', type: 'info' },
+    { name: 'BASIC', type: 'warning' },
+    { name: 'DIFFICULT', type: 'danger' },
+    { name: 'EXPERT', type: 'success' },
+    { name: 'CHALLENGE', type: 'primary' },
+  ]
   test('renders badges', () => {
     const wrapper = mount(Charts, {
       global: { stubs: { Badge: true } },
-      props: { difficulties, charts: '0,1,2,3', levels: '1,2,3,4' },
+      props: { difficulties, charts: '0,1,2,3,4', levels: '1,2,3,4,5' },
     })
     expect(wrapper.element).toMatchSnapshot()
   })

__tests__/components/content/__snapshots__/Charts.test.ts.snap

@@ -6,16 +6,24 @@ exports[`components/content/Charts.vue > renders badges 1`] = `
 >
 
   <badge-stub
-    title="NORMAL"
+    title="BEGINNER"
+    type="info"
   />
   <badge-stub
     title="BASIC"
+    type="warning"
   />
   <badge-stub
-    title="ANOTHER"
+    title="DIFFICULT"
+    type="danger"
   />
   <badge-stub
-    title="MANIAC"
+    title="EXPERT"
+    type="success"
+  />
+  <badge-stub
+    title="CHALLENGE"
+    type="primary"
   />
 
 </div>

components/content/Charts.vue

@@ -11,12 +11,20 @@
 
 <script lang="ts" setup>
 interface Props {
-  difficulties: { name: string; type: string }[]
+  difficulties?: { name: string; type: string }[]
   levels: string
   charts: string
 }
 
-const _prop = defineProps<Props>()
+const _prop = withDefaults(defineProps<Props>(), {
+  difficulties: () => [
+    { name: 'BEGINNER', type: 'info' },
+    { name: 'BASIC', type: 'warning' },
+    { name: 'DIFFICULT', type: 'danger' },
+    { name: 'EXPERT', type: 'success' },
+    { name: 'CHALLENGE', type: 'primary' },
+  ],
+})
 const splitedLevels = computed(() => _prop.levels.split(','))
 const splitedCharts = computed(() =>
   _prop.charts.split(',').map(s => parseInt(s, 10))

content/.series-template.md

@@ -1,6 +1,6 @@
 ---
 difficulties:
-  0: { name: "BEGINNER", class: "is-beginner" }
+  0: { name: "BEGINNER", type: "info" }
   1: { name: "BASIC", type: "warning" }
   2: { name: "DIFFICULT", type: "danger" }
   3: { name: "EXPERT", type: "success" }
@@ -17,7 +17,7 @@ difficulties:
 
 |Name|Artist|BPM|SINGLE|DOUBLE|
 |----|------|---|------|------|
-|[](/songs/)|||:charts{:difficulties="difficulties" levels=",,," charts="0,1,2,3"}|:charts{:difficulties="difficulties" levels=",," charts="1,2,3"}|
+|[](/)||| :charts{:difficulties="difficulties" levels=",,," charts="0,1,2,3"}| :charts{:difficulties="difficulties" levels=",," charts="1,2,3"}|
 
 ## システム概要