chore(deploy): 20240204

Deploy 20240204

.gitignore

@@ -21,3 +21,5 @@ logs
 .env
 .env.*
 !.env.example
+
+__generated__

.vscode/settings.json

@@ -93,5 +93,7 @@
     "jsonc",
     "yaml",
     "toml"
-  ]
+  ],
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "typescript.enablePromptUseWorkspaceTsdk": true
 }

README.md

@@ -6,7 +6,7 @@ Cytoid is a music game where you can create, share and play your own levels!
 Powered by community, with many dedicated creators, Cytoid provides a huge
 variety of musical genres to enjoy and a diverse range of gameplay design.
 
-This is the repository for the Cytoid.io Website. 
+This is the repository for the Cytoid.io Website.
 The website was constructed using Vue.js, Nuxt.js.
 
 ## Setup
@@ -35,4 +35,3 @@ Build the application for production:
 # pnpm
 pnpm build
 ```
-

app.vue

@@ -1,13 +1,4 @@
 <script setup lang="ts">
-// i18n
-await (async () => {
-  const { init } = useLocales()
-  const headers = process.server
-    ? useRequestHeaders(['accept-language'])['accept-language'] ?? ''
-    : ''
-  await init(headers)
-})()
-
 // auth
 onMounted(() => {
   nextTick(async () => {

components/Donation/Verifier.vue

@@ -4,7 +4,7 @@ defineProps<{
 }>()
 const { user, updateUser } = useAuth()
 
-const linkMutation = graphql(/* GraphQL */`
+const linkMutation = gql(`
   mutation LinkExternalAccountDonation($token: String!) {
     result: addExternalAccount(token: $token)
   }

components/Footer.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { RouteLocationRaw } from '#vue-router'
 
-const { locale, locales, setLocale, t } = useLocales()
+const { locale, locales, t } = useLocales()
 const langSelect = ref(null)
 const keepShowLangSelectBox = ref(false)
 onClickOutside(langSelect, () => keepShowLangSelectBox.value = false)
@@ -57,7 +57,7 @@ const links: {
           </button>
           <ul tabindex="0" class="dropdown-content menu menu-compact p-2 shadow bg-base-100 shadow-2xl rounded-box w-44">
             <li v-for="available in locales" :key="available.code">
-              <button :class="{ active: locale === available.code }" @click="setLocale(available.code)">
+              <button :class="{ active: locale === available.code }" @click="locale = available.code">
                 <span class="mx-auto" v-text="available.name" />
               </button>
             </li>

components/Level/Leaderboard.vue

@@ -4,7 +4,7 @@ const props = defineProps<{
   charts: chartData[]
 }>()
 
-const rankingQuery = gql(/* GraphQL */`
+const rankingQuery = gql(`
   query FetchLevelRanking($levelUid: String!, $type: String!, $start: Int!) {
     chart(levelUid: $levelUid, chartType: $type) {
       id

components/Level/Uploader.vue

@@ -8,7 +8,7 @@ const file = ref<File | null>(null)
 const uploading = ref(false)
 const started = ref(false)
 
-const mutation = gql(/* GraphQL */`
+const mutation = gql(`
   mutation UnpackLevel($token: String!, $replace: String) {
     package: unpackLevelPackage(token: $token, replace: $replace) {
       id

components/Profile/Editor.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 const { user } = useAuth()
 
-const query = graphql(/* GraphQL */`
+const query = gql(`
   query GetSettingsProfile($id: ID!) {
     profile(id: $id) {
       id
@@ -13,7 +13,7 @@ const query = graphql(/* GraphQL */`
     }
   }
 `)
-const mutation = graphql(/* GraphQL */`
+const mutation = gql(`
   mutation UpdateProfile($input: ProfileInput!) {
     result: updateProfile(input: $input)
   }

components/User/AvatarUploader.vue

@@ -8,7 +8,7 @@ const started = ref(false)
 
 const userOnlineAvatar = ref<string>(avatarURL(props.userId))
 
-const mutation = gql(/* GraphQL */`
+const mutation = gql(`
   mutation UpdateAvatar($path: String) {
     result: setAvatar(path: $path) {
       large

components/User/EmailsManager.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-const query = gql(/* GraphQL */`
+const query = gql(`
   query GetUserEmails {
     my {
       emails {
@@ -11,30 +11,30 @@ const query = gql(/* GraphQL */`
   }
 `)
 
-const mutationAdd = gql(/* GraphQL */`
+const mutationAdd = gql(`
   mutation AddEmail($email: String!) {
     addEmail(email: $email)
   }
 `)
-const mutationRemove = gql(/* GraphQL */`
+const mutationRemove = gql(`
   mutation DeleteEmail($email: String!) {
     deleteEmail(email: $email)
   }
 `)
-const mutationMakePrimary = gql(/* GraphQL */`
+const mutationMakePrimary = gql(`
   mutation MakeEmailPrimary($email: String!) {
     makeEmailPrimary(email: $email)
   }
 `)
-const mutationVerify = gql(/* GraphQL */`
+const mutationVerify = gql(`
   mutation SendConfirmationEmail($email: String!) {
     sendVerificationEmail(email: $email)
   }
 `)
 
 const { t } = useLocales()
 
-const { data } = await useAsyncData(() => useQuery(query))
+const { data } = await useAsyncQuery(query)
 
 const loading = ref(false)
 

components/User/HeaderUploader.vue

@@ -6,7 +6,7 @@ const props = defineProps<{
 const file = ref<File | null>(null)
 const started = ref(false)
 
-const query = gql(/* GraphQL */`
+const query = gql(`
   query GetSettingsProfileHeader($id: ID!) {
     profile(id: $id) {
       header {
@@ -16,7 +16,7 @@ const query = gql(/* GraphQL */`
   }
 `)
 
-const mutation = gql(/* GraphQL */`
+const mutation = gql(`
   mutation UpdateProfileHeader($path: String!) {
     result: updateProfileHeader(path: $path) {
       stripe

components/User/ProfileDialog.vue

@@ -4,7 +4,7 @@ defineProps<{
 }>()
 const { user, logout: _logout } = useAuth()
 
-const query = graphql(/* GraphQL */`
+const query = gql(`
   query FetchNavCard($id: ID!) {
     profile(id: $id) {
       id