154 changed files with 718 additions and 7111 deletions
--- a/.env
+++ b/.env
@ -1,4 +0,0 @@
-NUXT_PUBLIC_SOLAR_REALM=solar-network
-NUXT_PUBLIC_SITE_URL=https://solsynth.dev
-NUXT_PUBLIC_SOLAR_NETWORK_API=https://api.sn.solsynth.dev
-NUXT_PUBLIC_SOLIAN_URL=https://sn.solsynth.dev
--- a/.gitignore
+++ b/.gitignore
@ -1,21 +1,11 @@
-# Nuxt dev/build outputs
-.output
-.data
-.nuxt
-.nitro
-.cache
-dist
-
-# Node dependencies
-node_modules
-*.lockb
-*.lock
-
-# Logs
-logs
-*.log
-
-# Misc
 .DS_Store
-.fleet
-.idea
+node_modules
+/build
+/dist
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
--- a/.idea/.gitignore
+++ b/.idea/.gitignore
@ -0,0 +1,8 @@
+# 默认忽略的文件
+/shelf/
+/workspace.xml
+# 基于编辑器的 HTTP 客户端请求
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
--- a/.idea/Capital.iml
+++ b/.idea/Capital.iml
@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
--- a/.idea/codeStyles/Project.xml
+++ b/.idea/codeStyles/Project.xml
@ -0,0 +1,63 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <HTMLCodeStyleSettings>
+      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
+    </HTMLCodeStyleSettings>
+    <JSCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </JSCodeStyleSettings>
+    <TypeScriptCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </TypeScriptCodeStyleSettings>
+    <VueCodeStyleSettings>
+      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
+      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
+    </VueCodeStyleSettings>
+    <codeStyleSettings language="HTML">
+      <option name="SOFT_MARGINS" value="120" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+        <option name="USE_TAB_CHARACTER" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="SOFT_MARGINS" value="120" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+        <option name="USE_TAB_CHARACTER" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="TypeScript">
+      <option name="SOFT_MARGINS" value="120" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+        <option name="USE_TAB_CHARACTER" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="Vue">
+      <option name="SOFT_MARGINS" value="120" />
+      <indentOptions>
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="USE_TAB_CHARACTER" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+  </code_scheme>
+</component>
--- a/.idea/codeStyles/codeStyleConfig.xml
+++ b/.idea/codeStyles/codeStyleConfig.xml
@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>
--- a/.idea/inspectionProfiles/Project_Default.xml
+++ b/.idea/inspectionProfiles/Project_Default.xml
@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>
--- a/.idea/modules.xml
+++ b/.idea/modules.xml
@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/Capital.iml" filepath="$PROJECT_DIR$/.idea/Capital.iml" />
+    </modules>
+  </component>
+</project>
--- a/.idea/vcs.xml
+++ b/.idea/vcs.xml
@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
--- a/.npmrc
+++ b/.npmrc
@ -0,0 +1 @@
+engine-strict=true
--- a/.prettierignore
+++ b/.prettierignore
@ -0,0 +1,4 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
--- a/.prettierrc
+++ b/.prettierrc
@ -0,0 +1,8 @@
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 120,
+	"plugins": ["prettier-plugin-svelte"],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}
--- a/.prettierrc.json
+++ b/.prettierrc.json
@ -1,8 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/prettierrc",
-  "semi": false,
-  "tabWidth": 2,
-  "singleQuote": false,
-  "printWidth": 120,
-  "trailingComma": "all"
-}
--- a/.roadsignrc
+++ b/.roadsignrc
@ -1,16 +0,0 @@
-{
-  "sync": {
-    "region": "capital",
-    "configPath": "roadsign.toml"
-  },
-  "deployments": [
-    {
-      "region": "capital",
-      "site": "capital-app",
-      "path": ".output",
-      "postDeploy": {
-        "command": "apk add nodejs npm; cd server && npm install --platform=linux --arch=x64 sharp"
-      }
-    }
-  ]
-}
--- a/README.md
+++ b/README.md
@ -0,0 +1,3 @@
+# Capital
+
+Solsynth LLC Official Website and some Users Portal.
--- a/app.vue
+++ b/app.vue
@ -1,48 +0,0 @@
-<template>
-  <v-app>
-    <nuxt-loading-indicator color="white" />
-    <nuxt-layout>
-      <nuxt-page />
-    </nuxt-layout>
-  </v-app>
-</template>
-
-<script setup lang="ts">
-import { useTheme } from "vuetify"
-import "@unocss/reset/tailwind.css"
-
-const theme = useTheme()
-const auth = useUserinfo()
-
-const { locale } = useI18n()
-
-watch(locale, (value) => {
-  useHead({
-    htmlAttrs: {
-      lang: value,
-    },
-  })
-}, { deep: true, immediate: true })
-
-onMounted(() => {
-  theme.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"
-
-  window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", event => {
-    theme.global.name.value = event.matches ? "dark" : "light"
-  })
-
-  auth.readProfiles()
-})
-</script>
-
-<style>
-.page-enter-active,
-.page-leave-active {
-  transition: all 0.25s ease-in-out;
-}
-.page-enter-from,
-.page-leave-to {
-  opacity: 0;
-  filter: blur(1rem);
-}
-</style>
--- a/assets/index.css
+++ b/assets/index.css
@ -1,28 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+SC:wght@100..900&family=Noto+Sans+TC:wght@100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
-
-html,
-body {
-  padding: 0;
-  margin: 0;
-}
-
-html,
-body,
-#app,
-.v-application {
-  overflow: auto !important;
-
-  font-family: "Nunito", "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", sans-serif !important;
-  font-optical-sizing: auto;
-  font-weight: 500;
-  font-style: normal;
-}
-
-.font-mono,
-code,
-pre {
-  font-family: "Roboto Mono", monospace !important;
-  font-optical-sizing: auto;
-  font-weight: 500;
-  font-style: normal;
-}
--- a/assets/logo-w-shadow.png
+++ b/assets/logo-w-shadow.png
--- a/assets/logo.png
+++ b/assets/logo.png
--- a/assets/products/app-store-download.svg
+++ b/assets/products/app-store-download.svg
@ -1,46 +0,0 @@
-<svg id="livetype" xmlns="http://www.w3.org/2000/svg" width="119.66407" height="40" viewBox="0 0 119.66407 40">
-  <title>Download_on_the_App_Store_Badge_US-UK_RGB_wht_092917</title>
-  <g>
-    <g>
-      <g>
-        <path d="M110.13477,0H9.53468c-.3667,0-.729,0-1.09473.002-.30615.002-.60986.00781-.91895.0127A13.21476,13.21476,0,0,0,5.5171.19141a6.66509,6.66509,0,0,0-1.90088.627A6.43779,6.43779,0,0,0,1.99757,1.99707,6.25844,6.25844,0,0,0,.81935,3.61816a6.60119,6.60119,0,0,0-.625,1.90332,12.993,12.993,0,0,0-.1792,2.002C.00587,7.83008.00489,8.1377,0,8.44434V31.5586c.00489.3105.00587.6113.01515.9219a12.99232,12.99232,0,0,0,.1792,2.0019,6.58756,6.58756,0,0,0,.625,1.9043A6.20778,6.20778,0,0,0,1.99757,38.001a6.27445,6.27445,0,0,0,1.61865,1.1787,6.70082,6.70082,0,0,0,1.90088.6308,13.45514,13.45514,0,0,0,2.0039.1768c.30909.0068.6128.0107.91895.0107C8.80567,40,9.168,40,9.53468,40H110.13477c.3594,0,.7246,0,1.084-.002.3047,0,.6172-.0039.9219-.0107a13.279,13.279,0,0,0,2-.1768,6.80432,6.80432,0,0,0,1.9082-.6308,6.27742,6.27742,0,0,0,1.6172-1.1787,6.39482,6.39482,0,0,0,1.1816-1.6143,6.60413,6.60413,0,0,0,.6191-1.9043,13.50643,13.50643,0,0,0,.1856-2.0019c.0039-.3106.0039-.6114.0039-.9219.0078-.3633.0078-.7246.0078-1.0938V9.53613c0-.36621,0-.72949-.0078-1.09179,0-.30664,0-.61426-.0039-.9209a13.5071,13.5071,0,0,0-.1856-2.002,6.6177,6.6177,0,0,0-.6191-1.90332,6.46619,6.46619,0,0,0-2.7988-2.7998,6.76754,6.76754,0,0,0-1.9082-.627,13.04394,13.04394,0,0,0-2-.17676c-.3047-.00488-.6172-.01074-.9219-.01269-.3594-.002-.7246-.002-1.084-.002Z"/>
-        <path d="M8.44483,39.125c-.30468,0-.602-.0039-.90429-.0107a12.68714,12.68714,0,0,1-1.86914-.1631,5.88381,5.88381,0,0,1-1.65674-.5479,5.40573,5.40573,0,0,1-1.397-1.0166,5.32082,5.32082,0,0,1-1.02051-1.3965,5.72186,5.72186,0,0,1-.543-1.6572,12.41351,12.41351,0,0,1-.1665-1.875c-.00634-.2109-.01464-.9131-.01464-.9131V8.44434S.88185,7.75293.8877,7.5498a12.37039,12.37039,0,0,1,.16553-1.87207,5.7555,5.7555,0,0,1,.54346-1.6621A5.37349,5.37349,0,0,1,2.61183,2.61768,5.56543,5.56543,0,0,1,4.01417,1.59521a5.82309,5.82309,0,0,1,1.65332-.54394A12.58589,12.58589,0,0,1,7.543.88721L8.44532.875H111.21387l.9131.0127a12.38493,12.38493,0,0,1,1.8584.16259,5.93833,5.93833,0,0,1,1.6709.54785,5.59374,5.59374,0,0,1,2.415,2.41993,5.76267,5.76267,0,0,1,.5352,1.64892,12.995,12.995,0,0,1,.1738,1.88721c.0029.2832.0029.5874.0029.89014.0079.375.0079.73193.0079,1.09179V30.4648c0,.3633,0,.7178-.0079,1.0752,0,.3252,0,.6231-.0039.9297a12.73126,12.73126,0,0,1-.1709,1.8535,5.739,5.739,0,0,1-.54,1.67,5.48029,5.48029,0,0,1-1.0156,1.3857,5.4129,5.4129,0,0,1-1.3994,1.0225,5.86168,5.86168,0,0,1-1.668.5498,12.54218,12.54218,0,0,1-1.8692.1631c-.2929.0068-.5996.0107-.8974.0107l-1.084.002Z" style="fill: #fff"/>
-      </g>
-      <g id="_Group_" data-name="&lt;Group&gt;">
-        <g id="_Group_2" data-name="&lt;Group&gt;">
-          <g id="_Group_3" data-name="&lt;Group&gt;">
-            <path id="_Path_" data-name="&lt;Path&gt;" d="M24.99671,19.88935a5.14625,5.14625,0,0,1,2.45058-4.31771,5.26776,5.26776,0,0,0-4.15039-2.24376c-1.74624-.1833-3.43913,1.04492-4.329,1.04492-.90707,0-2.27713-1.02672-3.75247-.99637a5.52735,5.52735,0,0,0-4.65137,2.8367c-2.01111,3.482-.511,8.59939,1.41551,11.414.96388,1.37823,2.09037,2.91774,3.56438,2.86315,1.4424-.05983,1.98111-.91977,3.7222-.91977,1.72494,0,2.23035.91977,3.73427.88506,1.54777-.02512,2.52292-1.38435,3.453-2.77563a11.39931,11.39931,0,0,0,1.579-3.21589A4.97284,4.97284,0,0,1,24.99671,19.88935Z"/>
-            <path id="_Path_2" data-name="&lt;Path&gt;" d="M22.15611,11.47681a5.06687,5.06687,0,0,0,1.159-3.62989,5.15524,5.15524,0,0,0-3.33555,1.72582,4.82131,4.82131,0,0,0-1.18934,3.4955A4.26259,4.26259,0,0,0,22.15611,11.47681Z"/>
-          </g>
-        </g>
-        <g>
-          <path d="M42.30178,27.13965h-4.7334l-1.13672,3.35645H34.42678l4.4834-12.418h2.083l4.4834,12.418H43.43752Zm-4.24316-1.54883h3.752L39.961,20.14355H39.9092Z"/>
-          <path d="M55.1592,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238h1.79883v1.50586h.03418a3.21162,3.21162,0,0,1,2.88281-1.60059C53.64455,21.34766,55.1592,23.16406,55.1592,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C52.30178,29.01563,53.249,27.81934,53.249,25.96973Z"/>
-          <path d="M65.12453,25.96973c0,2.81348-1.50635,4.62109-3.77881,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238h1.79883v1.50586h.03418a3.21162,3.21162,0,0,1,2.88281-1.60059C63.6094,21.34766,65.12453,23.16406,65.12453,25.96973Zm-1.91064,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C62.26662,29.01563,63.21389,27.81934,63.21389,25.96973Z"/>
-          <path d="M71.70949,27.03613c.1377,1.23145,1.334,2.04,2.96875,2.04,1.56641,0,2.69336-.80859,2.69336-1.91895,0-.96387-.67969-1.541-2.28906-1.93652l-1.60937-.3877c-2.28027-.55078-3.33887-1.61719-3.33887-3.34766,0-2.14258,1.86719-3.61426,4.51758-3.61426,2.625,0,4.42383,1.47168,4.48438,3.61426h-1.876c-.1123-1.23926-1.13672-1.9873-2.63379-1.9873s-2.52148.75684-2.52148,1.8584c0,.87793.6543,1.39453,2.25488,1.79l1.36816.33594c2.54785.60254,3.60547,1.626,3.60547,3.44238,0,2.32324-1.84961,3.77832-4.793,3.77832-2.75391,0-4.61328-1.4209-4.7334-3.667Z"/>
-          <path d="M83.34621,19.2998v2.14258h1.72168v1.47168H83.34621v4.99121c0,.77539.34473,1.13672,1.10156,1.13672a5.80752,5.80752,0,0,0,.61133-.043v1.46289a5.10351,5.10351,0,0,1-1.03223.08594c-1.833,0-2.54785-.68848-2.54785-2.44434V22.91406H80.16262V21.44238H81.479V19.2998Z"/>
-          <path d="M86.064,25.96973c0-2.84863,1.67773-4.63867,4.29395-4.63867,2.625,0,4.29492,1.79,4.29492,4.63867,0,2.85645-1.66113,4.63867-4.29492,4.63867C87.72512,30.6084,86.064,28.82617,86.064,25.96973Zm6.69531,0c0-1.9541-.89551-3.10742-2.40137-3.10742s-2.40137,1.16211-2.40137,3.10742c0,1.96191.89551,3.10645,2.40137,3.10645S92.7593,27.93164,92.7593,25.96973Z"/>
-          <path d="M96.18508,21.44238h1.77246v1.541h.043a2.1594,2.1594,0,0,1,2.17773-1.63574,2.86616,2.86616,0,0,1,.63672.06934v1.73828a2.59794,2.59794,0,0,0-.835-.1123,1.87264,1.87264,0,0,0-1.93652,2.083v5.37012h-1.8584Z"/>
-          <path d="M109.38332,27.83691c-.25,1.64355-1.85059,2.77148-3.89844,2.77148-2.63379,0-4.26855-1.76465-4.26855-4.5957,0-2.83984,1.64355-4.68164,4.19043-4.68164,2.50488,0,4.08008,1.7207,4.08008,4.46582v.63672h-6.39453v.1123a2.358,2.358,0,0,0,2.43555,2.56445,2.04834,2.04834,0,0,0,2.09082-1.27344Zm-6.28223-2.70215h4.52637a2.1773,2.1773,0,0,0-2.2207-2.29785A2.292,2.292,0,0,0,103.10109,25.13477Z"/>
-        </g>
-      </g>
-    </g>
-    <g id="_Group_4" data-name="&lt;Group&gt;">
-      <g>
-        <path d="M37.82619,8.731a2.63964,2.63964,0,0,1,2.80762,2.96484c0,1.90625-1.03027,3.002-2.80762,3.002H35.67092V8.731Zm-1.22852,5.123h1.125a1.87588,1.87588,0,0,0,1.96777-2.146,1.881,1.881,0,0,0-1.96777-2.13379h-1.125Z"/>
-        <path d="M41.68068,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C44.57522,13.99463,45.01369,13.42432,45.01369,12.44434Z"/>
-        <path d="M51.57326,14.69775h-.92187l-.93066-3.31641h-.07031l-.92676,3.31641h-.91309l-1.24121-4.50293h.90137l.80664,3.436h.06641l.92578-3.436h.85254l.92578,3.436h.07031l.80273-3.436h.88867Z"/>
-        <path d="M53.85354,10.19482H54.709v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915h-.88867V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z"/>
-        <path d="M59.09377,8.437h.88867v6.26074h-.88867Z"/>
-        <path d="M61.21779,12.44434a2.13346,2.13346,0,1,1,4.24756,0,2.1338,2.1338,0,1,1-4.24756,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C64.11232,13.99463,64.5508,13.42432,64.5508,12.44434Z"/>
-        <path d="M66.4009,13.42432c0-.81055.60352-1.27783,1.6748-1.34424l1.21973-.07031v-.38867c0-.47559-.31445-.74414-.92187-.74414-.49609,0-.83984.18213-.93848.50049h-.86035c.09082-.77344.81836-1.26953,1.83984-1.26953,1.12891,0,1.76563.562,1.76563,1.51318v3.07666h-.85547v-.63281h-.07031a1.515,1.515,0,0,1-1.35254.707A1.36026,1.36026,0,0,1,66.4009,13.42432Zm2.89453-.38477v-.37646l-1.09961.07031c-.62012.0415-.90137.25244-.90137.64941,0,.40527.35156.64111.835.64111A1.0615,1.0615,0,0,0,69.29543,13.03955Z"/>
-        <path d="M71.34816,12.44434c0-1.42285.73145-2.32422,1.86914-2.32422a1.484,1.484,0,0,1,1.38086.79h.06641V8.437h.88867v6.26074h-.85156v-.71143h-.07031a1.56284,1.56284,0,0,1-1.41406.78564C72.0718,14.772,71.34816,13.87061,71.34816,12.44434Zm.918,0c0,.95508.4502,1.52979,1.20313,1.52979.749,0,1.21191-.583,1.21191-1.52588,0-.93848-.46777-1.52979-1.21191-1.52979C72.72121,10.91846,72.26613,11.49707,72.26613,12.44434Z"/>
-        <path d="M79.23,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C82.12453,13.99463,82.563,13.42432,82.563,12.44434Z"/>
-        <path d="M84.66945,10.19482h.85547v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915H87.605V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z"/>
-        <path d="M93.51516,9.07373v1.1416h.97559v.74854h-.97559V13.2793c0,.47168.19434.67822.63672.67822a2.96657,2.96657,0,0,0,.33887-.02051v.74023a2.9155,2.9155,0,0,1-.4834.04541c-.98828,0-1.38184-.34766-1.38184-1.21582v-2.543h-.71484v-.74854h.71484V9.07373Z"/>
-        <path d="M95.70461,8.437h.88086v2.48145h.07031a1.3856,1.3856,0,0,1,1.373-.80664,1.48339,1.48339,0,0,1,1.55078,1.67871v2.90723H98.69v-2.688c0-.71924-.335-1.0835-.96289-1.0835a1.05194,1.05194,0,0,0-1.13379,1.1416v2.62988h-.88867Z"/>
-        <path d="M104.76125,13.48193a1.828,1.828,0,0,1-1.95117,1.30273A2.04531,2.04531,0,0,1,100.73,12.46045a2.07685,2.07685,0,0,1,2.07617-2.35254c1.25293,0,2.00879.856,2.00879,2.27V12.688h-3.17969v.0498a1.1902,1.1902,0,0,0,1.19922,1.29,1.07934,1.07934,0,0,0,1.07129-.5459Zm-3.126-1.45117h2.27441a1.08647,1.08647,0,0,0-1.1084-1.1665A1.15162,1.15162,0,0,0,101.63527,12.03076Z"/>
-      </g>
-    </g>
-  </g>
-</svg>
--- a/assets/products/solar-network/alpha.webp
+++ b/assets/products/solar-network/alpha.webp
--- a/assets/products/solar-network/ft-chat.png
+++ b/assets/products/solar-network/ft-chat.png
--- a/assets/products/solar-network/ft-dashboard.png
+++ b/assets/products/solar-network/ft-dashboard.png
--- a/assets/products/solar-network/ft-explore.png
+++ b/assets/products/solar-network/ft-explore.png
--- a/assets/products/solar-network/ft-news.png
+++ b/assets/products/solar-network/ft-news.png
--- a/assets/products/solar-network/ft-posting.png
+++ b/assets/products/solar-network/ft-posting.png
--- a/assets/products/solar-network/ft-stickers.png
+++ b/assets/products/solar-network/ft-stickers.png
--- a/assets/products/solar-network/icon.png
+++ b/assets/products/solar-network/icon.png
--- a/assets/products/solar-network/labeled.webp
+++ b/assets/products/solar-network/labeled.webp
--- a/components/Copyright.vue
+++ b/components/Copyright.vue
@ -1,35 +0,0 @@
-<template>
-  <div class="text-xs text-grey" :class="props.noCentered ? 'text-left' : 'text-center'">
-    <p>{{ t("copyright") }} © {{ new Date().getFullYear() }} {{ t("brandNameFormal") }}</p>
-    <p v-if="services" class="flex" :class="props.noCentered ? 'justify-start' : 'justify-center'">
-      <span>Powered by</span>
-      <span class="flex services-list ms-1">
-        <a class="service underline" v-for="item in services" :href="projects[item][1]">
-          {{ projects[item][0] }}
-        </a>
-      </span>
-    </p>
-  </div>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{ service?: string | string[], noCentered?: boolean }>()
-
-const services = computed<string[]>(() => props.service instanceof Array ? (props.service ?? []) : (props.service ? [props.service] : []))
-
-const { t } = useI18n()
-
-const projects: { [id: string]: [string, string] } = {
-  "solar-network": ["Solar Network", "https://solsynth.dev/products/solar-network"],
-  "capital": ["Capital", "https://git.solsynth.dev/Goatworks/Capital"],
-  "passport": ["HyperNet.Passport", "https://git.solsynth.dev/HyperNet/Passport"],
-  "paperclip": ["HyperNet.Paperclip", "https://git.solsynth.dev/HyperNet/Paperclip"],
-  "roadsign": ["RoadSign", "https://git.solsynth.dev/Goatworks/RoadSign"],
-}
-</script>
-
-<style scoped>
-.services-list .service:nth-child(n+2)::before {
-  content: ", ";
-}
-</style>
--- a/components/FooterLinks.vue
+++ b/components/FooterLinks.vue
@ -1,33 +0,0 @@
-<template>
-  <div class="text-xs text-grey sidebar-footer transition-opacity duration-500">
-    <div class="flex footer-links flex-wrap">
-      <nuxt-link to="/terms/privacy-policy" class="hover:underline">Privacy Policy</nuxt-link>
-      <nuxt-link to="/terms/basic-law" class="hover:underline">Term of Service</nuxt-link>
-    </div>
-    <div class="flex footer-links flex-wrap">
-      <nuxt-link to="https://status.solsynth.dev" target="_blank" class="hover:underline">Status of Service</nuxt-link>
-    </div>
-  </div>
-</template>
-<style scoped>
-.sidebar-footer {
-  opacity: 0.3;
-}
-
-.sidebar-footer:hover {
-  opacity: 1;
-}
-
-.footer-links *:not(:last-child):after {
-  content: "·";
-  font-family: monospace;
-  font-weight: bold;
-  text-align: center;
-  margin-left: 4px;
-  margin-right: 4px;
-  text-decoration: none !important;
-  display: inline-block;
-}
-</style>
-<script setup lang="ts">
-</script>
--- a/components/LocaleSelect.vue
+++ b/components/LocaleSelect.vue
@ -1,29 +0,0 @@
-<template>
-  <v-menu>
-    <template v-slot:activator="{ props }">
-      <v-btn
-        size="small"
-        icon="mdi-translate"
-        v-bind="props"
-      />
-    </template>
-    <v-list>
-      <v-list-item
-        class="w-48"
-        density="compact"
-        v-for="item in locales"
-        :key="item.code"
-        :value="item.code"
-        :active="locale == item.code"
-        @click.prevent.stop="() => { setLocale(item.code); emits('update') }"
-      >
-        <v-list-item-title>{{ item.name }}</v-list-item-title>
-      </v-list-item>
-    </v-list>
-  </v-menu>
-</template>
-
-<script lang="ts" setup>
-const emits = defineEmits(['update'])
-const { locale, locales, setLocale } = useI18n()
-</script>
--- a/components/PostItem.vue
+++ b/components/PostItem.vue
@ -1,81 +0,0 @@
-<template>
-  <v-card :to="url" class="mx-[2.5ch] mb-3">
-    <v-card-text>
-      <div class="mb-3 flex flex-row gap-4">
-        <nuxt-link :to="`/users/${post.publisher?.name}`">
-          <v-avatar :image="getAttachmentUrl(post.publisher?.avatar)" icon="mdi-account-circle" />
-        </nuxt-link>
-        <div class="flex flex-col">
-          <span
-            >{{ post.publisher?.nick }} <span class="text-xs">@{{ post.publisher?.name }}</span></span
-          >
-          <span v-if="post.body?.title" class="text-md">{{ post.body?.title }}</span>
-          <span v-if="post.body?.description" class="text-sm">{{ post.body?.description }}</span>
-          <span v-if="!post.body?.title && !post.body?.description" class="text-sm">
-            {{ post.publisher?.description }}
-          </span>
-
-          <div v-if="post.type != 'story'" class="mt-1">
-            <v-btn size="x-small" variant="flat" append-icon="mdi-arrow-right" :text="t('continueReading')" />
-          </div>
-        </div>
-      </div>
-
-      <div v-if="post.body?.thumbnail" class="mb-5">
-        <v-img
-          :src="`${config.public.solarNetworkApi}/cgi/uc/attachments/${post.body?.thumbnail}`"
-          :aspect-ratio="16 / 9"
-          alt="Post thumbnail"
-          class="rounded-md"
-          cover
-        />
-      </div>
-
-      <article v-if="(post.type == 'story' || props.forceShowContent) && post.body?.content" class="text-base prose max-w-none">
-        <m-d-c :value="post.body?.content"></m-d-c>
-      </article>
-
-      <v-card v-if="post.body?.attachments?.length > 0" class="mb-5">
-        <attachment-carousel
-          :no-clickable-attachment="props.noClickableAttachment"
-          :attachments="post.body?.attachments"
-        />
-      </v-card>
-
-      <div class="text-sm flex flex-col">
-        <span class="flex flex-row gap-1">
-          <span> {{ post.metric.reply_count }} {{ post.metric.reply_count > 1 ? "replies" : "reply" }}, </span>
-          <span>
-            {{ post.metric.reaction_count }} {{ post.metric.reaction_count > 1 ? "reactions" : "reaction" }}
-          </span>
-        </span>
-        <span>
-          {{ post.type.startsWith("a") ? "An" : "A" }} {{ post.type }} posted on
-          {{ new Date(post.published_at).toLocaleString() }}
-        </span>
-      </div>
-
-      <div v-if="post.tags?.length > 0" class="text-xs text-grey flex flex-row gap-1 mt-3">
-        <nuxt-link
-          v-for="tag in post.tags"
-          :to="`/posts/tags/${tag.alias}`"
-          class="hover:underline hover:underline-dotted"
-          @click.stop
-        >
-          #{{ tag.alias }}
-        </nuxt-link>
-      </div>
-    </v-card-text>
-  </v-card>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{ post: any; forceShowContent?: boolean; noClickableAttachment?: boolean }>()
-const config = useRuntimeConfig()
-
-const { t } = useI18n()
-
-const url = computed(() =>
-  props.post?.alias ? `/posts/${props.post?.alias_prefix}/${props.post?.alias}` : `/posts/${props.post?.id}`,
-)
-</script>
--- a/components/PostList.vue
+++ b/components/PostList.vue
@ -1,47 +0,0 @@
-<template>
-  <v-infinite-scroll :items="posts" :onLoad="loadPost">
-    <template v-for="item in posts" :key="item">
-      <post-item :post="item" no-clickable-attachment />
-    </template>
-  </v-infinite-scroll>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{ author?: string, tag?: string, category?: string, realm?: string }>()
-
-const config = useRuntimeConfig()
-
-const posts = ref<any[]>([])
-
-async function loadPost({ done }: any) {
-  const searchQueries = new URLSearchParams({
-    take: (10).toString(),
-    offset: posts.value.length.toString(),
-  })
-
-  if (props.author) {
-    searchQueries.set("author", props.author)
-  }
-  if (props.realm) {
-    searchQueries.set("realm", props.realm)
-  }
-
-  if (props.tag) {
-    searchQueries.set("tag", props.tag)
-  }
-  if (props.category) {
-    searchQueries.set("category", props.category)
-  }
-
-  const res = await fetch(`${config.public.solarNetworkApi}/cgi/co/posts?` + searchQueries)
-  const result = await res.json()
-
-  if (result.data.length > 0) {
-    posts.value.push(...result.data)
-    done("ok")
-  } else {
-    done("empty")
-  }
-
-}
-</script>
--- a/components/PostReplyList.vue
+++ b/components/PostReplyList.vue
@ -1,32 +0,0 @@
-<template>
-  <v-infinite-scroll :items="posts" :onLoad="loadPost">
-    <template v-for="item in posts" :key="item">
-      <post-item :post="item" no-clickable-attachment />
-    </template>
-  </v-infinite-scroll>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{ postId: number }>()
-
-const config = useRuntimeConfig()
-
-const posts = ref<any[]>([])
-
-async function loadPost({ done }: any) {
-  const searchQueries = new URLSearchParams({
-    take: (10).toString(),
-    offset: posts.value.length.toString(),
-  })
-
-  const res = await fetch(`${config.public.solarNetworkApi}/cgi/co/posts/${props.postId}/replies?` + searchQueries)
-  const result = await res.json()
-
-  if (result.data.length > 0) {
-    posts.value.push(...result.data)
-    done("ok")
-  } else {
-    done("empty")
-  }
-}
-</script>
--- a/components/UserMenu.vue
+++ b/components/UserMenu.vue
@ -1,58 +0,0 @@
-<template>
-  <v-menu>
-    <template #activator="{ props }">
-      <v-btn flat exact v-bind="props" icon>
-        <v-avatar v-if="id.isReady" color="transparent" icon="mdi-account-circle" :image="avatar" />
-        <v-progress-circular v-else indeterminate size="20" width="2.5" />
-      </v-btn>
-    </template>
-
-    <v-list density="compact" v-if="id.isLoggedIn">
-      <v-list-item :title="nickname" :subtitle="username" />
-
-      <v-divider class="border-opacity-50 my-2" />
-
-      <v-list-item :title="t('userMenuDashboard')" prepend-icon="mdi-account-supervisor" exact to="/users/me" />
-      <v-list-item :title="t('userMenuSignOut')" prepend-icon="mdi-logout" @click="signOut"></v-list-item>
-    </v-list>
-    <v-list density="compact" v-else>
-      <v-list-item :title="t('userMenuSignIn')" prepend-icon="mdi-login-variant" to="/auth/sign-in" />
-      <v-list-item :title="t('userMenuSignUp')" prepend-icon="mdi-account-plus" to="/auth/sign-up" />
-    </v-list>
-  </v-menu>
-</template>
-
-<script setup lang="ts">
-import { useUserinfo } from "@/stores/userinfo"
-import { computed } from "vue"
-
-const { t } = useI18n()
-const config = useRuntimeConfig()
-
-const id = useUserinfo()
-
-const username = computed(() => {
-  if (id.isLoggedIn) {
-    return "@" + id.userinfo?.name
-  } else {
-    return "@visitor"
-  }
-})
-const nickname = computed(() => {
-  if (id.isLoggedIn) {
-    return id.userinfo?.nick
-  } else {
-    return "Anonymous"
-  }
-})
-const avatar = computed(() => {
-  return id.userinfo?.avatar ? `${config.public.solarNetworkApi}/cgi/uc/attachments/${id.userinfo?.avatar}` : void 0
-})
-
-function signOut() {
-  useAtk().value = null
-  useRtk().value = null
-  id.userinfo.value = null
-  reloadNuxtApp()
-}
-</script>
--- a/components/account/AuthTicketTable.vue
+++ b/components/account/AuthTicketTable.vue
@ -1,182 +0,0 @@
-<template>
-  <v-expansion-panels>
-    <v-expansion-panel eager title="Tickets">
-      <template #text>
-        <v-card :loading="reverting.tickets" variant="outlined">
-          <v-data-table-server
-            density="compact"
-            :headers="dataDefinitions.tickets"
-            :items="tickets"
-            :items-length="pagination.tickets.total"
-            :loading="reverting.tickets"
-            v-model:items-per-page="pagination.tickets.pageSize"
-            @update:options="readTickets"
-            item-value="id"
-            class="overflow-y-auto text-no-wrap"
-          >
-            <template v-slot:item="{ item }: { item: any }">
-              <tr>
-                <td>{{ item.id }}</td>
-                <td>{{ item.ip_address }}</td>
-                <td>
-                  <v-tooltip :text="item.user_agent" location="top">
-                    <template #activator="{ props }">
-                      <div v-bind="props" class="text-ellipsis whitespace-nowrap overflow-hidden max-w-[280px]">
-                        {{ item.user_agent }}
-                      </div>
-                    </template>
-                  </v-tooltip>
-                </td>
-                <td>{{ new Date(item.created_at).toLocaleString() }}</td>
-                <td>
-                  <v-tooltip text="Sign Out">
-                    <template #activator="{ props }">
-                      <v-btn
-                        v-bind="props"
-                        variant="text"
-                        size="x-small"
-                        color="error"
-                        icon="mdi-logout-variant"
-                        @click="killTicket(item)"
-                      />
-                    </template>
-                  </v-tooltip>
-                </td>
-              </tr>
-            </template>
-          </v-data-table-server>
-        </v-card>
-      </template>
-    </v-expansion-panel>
-
-    <v-expansion-panel eager title="Events">
-      <template #text>
-        <v-card :loading="reverting.events" variant="outlined">
-          <v-data-table-server
-            density="compact"
-            :headers="dataDefinitions.events"
-            :items="events"
-            :items-length="pagination.events.total"
-            :loading="reverting.events"
-            v-model:items-per-page="pagination.events.pageSize"
-            @update:options="readEvents"
-            item-value="id"
-            class="overflow-y-auto text-no-wrap"
-          >
-            <template v-slot:item="{ item }: { item: any }">
-              <tr>
-                <td>{{ item.id }}</td>
-                <td>{{ item.type }}</td>
-                <td>{{ item.target }}</td>
-                <td>{{ item.ip_address }}</td>
-                <td>
-                  <v-tooltip :text="item.user_agent" location="top">
-                    <template #activator="{ props }">
-                      <div v-bind="props" class="text-ellipsis whitespace-nowrap overflow-hidden max-w-[180px]">
-                        {{ item.user_agent }}
-                      </div>
-                    </template>
-                  </v-tooltip>
-                </td>
-                <td>{{ new Date(item.created_at).toLocaleString() }}</td>
-              </tr>
-            </template>
-          </v-data-table-server>
-        </v-card>
-      </template>
-    </v-expansion-panel>
-  </v-expansion-panels>
-</template>
-
-<script setup lang="ts">
-import { solarFetch } from "~/utils/request"
-
-const error = ref<string | null>(null)
-
-const dataDefinitions: { [id: string]: any[] } = {
-  tickets: [
-    { align: "start", key: "id", title: "ID" },
-    { align: "start", key: "ip_address", title: "IP Address" },
-    { align: "start", key: "user_agent", title: "User Agent" },
-    { align: "start", key: "created_at", title: "Issued At" },
-    { align: "start", key: "actions", title: "Actions", sortable: false },
-  ],
-  events: [
-    { align: "start", key: "id", title: "ID" },
-    { align: "start", key: "type", title: "Type" },
-    { align: "start", key: "target", title: "Affected Object" },
-    { align: "start", key: "ip_address", title: "IP Address" },
-    { align: "start", key: "user_agent", title: "User Agent" },
-    { align: "start", key: "created_at", title: "Performed At" },
-  ],
-}
-
-const tickets = ref<any>([])
-const events = ref<any>([])
-
-const reverting = reactive({ tickets: false, events: false })
-const pagination = reactive({
-  tickets: { page: 1, pageSize: 5, total: 0 },
-  events: { page: 1, pageSize: 5, total: 0 },
-})
-
-async function readTickets({ page, itemsPerPage }: { page?: number; itemsPerPage?: number }) {
-  if (itemsPerPage) pagination.tickets.pageSize = itemsPerPage
-  if (page) pagination.tickets.page = page
-
-  reverting.tickets = true
-  const res = await solarFetch(
-    "/cgi/id/users/me/tickets?" +
-    new URLSearchParams({
-      take: pagination.tickets.pageSize.toString(),
-      offset: ((pagination.tickets.page - 1) * pagination.tickets.pageSize).toString(),
-    }),
-  )
-  if (res.status !== 200) {
-    error.value = await res.text()
-  } else {
-    const data = await res.json()
-    tickets.value = data["data"]
-    pagination.tickets.total = data["count"]
-  }
-  reverting.tickets = false
-}
-
-async function readEvents({ page, itemsPerPage }: { page?: number; itemsPerPage?: number }) {
-  if (itemsPerPage) pagination.events.pageSize = itemsPerPage
-  if (page) pagination.events.page = page
-
-  reverting.events = true
-  const res = await solarFetch(
-    "/cgi/id/users/me/events?" +
-    new URLSearchParams({
-      take: pagination.events.pageSize.toString(),
-      offset: ((pagination.events.page - 1) * pagination.events.pageSize).toString(),
-    }),
-  )
-  if (res.status !== 200) {
-    error.value = await res.text()
-  } else {
-    const data = await res.json()
-    events.value = data["data"]
-    pagination.events.total = data["count"]
-  }
-  reverting.events = false
-}
-
-Promise.all([readTickets({}), readEvents({})])
-
-async function killTicket(item: any) {
-  reverting.tickets = true
-  const res = await solarFetch(`/cgi/id/users/me/tickets/${item.id}`, {
-    method: "DELETE",
-  })
-  if (res.status !== 200) {
-    error.value = await res.text()
-  } else {
-    await readTickets({})
-    error.value = null
-  }
-  reverting.tickets = false
-}
-</script>
--- a/components/activity/List.vue
+++ b/components/activity/List.vue
@ -1,52 +0,0 @@
-<template>
-  <v-card v-if="!loading" density="compact" variant="outlined">
-    <div class="h-[500px] overflow-y-auto no-scrollbar">
-      <div v-for="item in items" class="mt-5 mb-2">
-        <post-item :key="item.id" force-show-content :post="item" />
-      </div>
-      <div class="mt-4 mb-5 flex justify-center">
-        <v-btn :text="t('seeMore')" size="small" variant="text" to="/activity" />
-      </div>
-    </div>
-  </v-card>
-  <v-card v-else density="compact" variant="outlined">
-    <div class="w-full h-full flex items-center justify-center">
-      <v-progress-circular indeterminate />
-    </div>
-  </v-card>
-</template>
-
-<script setup lang="ts">
-const { t } = useI18n()
-const config = useRuntimeConfig()
-
-const items = ref<any[]>([])
-
-const loading = ref(false)
-
-async function load() {
-  loading.value = true
-
-  const res = await fetch(`${config.public.solarNetworkApi}/cgi/co/posts?take=5&realm=${config.public.solarRealm}`)
-  const result = await res.json()
-
-  items.value.push(...result.data)
-
-  loading.value = false
-}
-
-onMounted(() => {
-  load()
-})
-</script>
-
-<style scoped>
-.no-scrollbar {
-  scrollbar-width: none;
-}
-
-.no-scrollbar::-webkit-scrollbar {
-  width: 0;
-  display: none;
-}
-</style>
--- a/components/attachment/Carousel.vue
+++ b/components/attachment/Carousel.vue
@ -1,33 +0,0 @@
-<template>
-  <v-carousel
-    hide-delimiter-background
-    hide-delimiters
-    :progress="attachments.length > 1 ? 'primary' : false"
-    :show-arrows="attachments.length > 1 ? 'hover' : false"
-    height="auto"
-  >
-    <v-carousel-item v-for="item in metadata" class="fill-height">
-      <nuxt-link v-if="item.mimetype.split('/')[0] == 'image' && !props.noClickableAttachment"
-                 :to="`/gallery/${item.rid}`">
-        <attachment-renderer :item="item" />
-      </nuxt-link>
-      <div v-else>
-        <attachment-renderer :item="item" />
-      </div>
-    </v-carousel-item>
-  </v-carousel>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{ attachments: string[], noClickableAttachment?: boolean }>()
-const emits = defineEmits(["update:metadata"])
-
-const config = useRuntimeConfig()
-
-const { data } = await useFetch<any>(`${config.public.solarNetworkApi}/cgi/uc/attachments?take=${props.attachments.length}&id=${props.attachments.join(",")}`)
-const metadata = computed(() => data.value.data)
-
-watch(metadata, (value) => {
-  emits("update:metadata", value)
-}, { deep: true, immediate: true })
-</script>
--- a/components/attachment/Renderer.vue
+++ b/components/attachment/Renderer.vue
@ -1,61 +0,0 @@
-<template>
-  <v-sheet v-if="item.is_mature && !showMature" color="rgba(0, 0, 0, .4)" height="calc(100% + 24px)" class="p-5">
-    <v-row class="fill-height" align="center" justify="center">
-      <v-col class="text-center">
-        <h1 class="text-xl font-bold text-white">Mature Content</h1>
-        <p class="text-md text-white">This content is rated and may not suitable for everyone to view.</p>
-
-        <div class="flex justify-center mt-3">
-          <v-btn
-            variant="text"
-            color="white"
-            prepend-icon="mdi-eye"
-            text="Reveal"
-            @click="showMature = true"
-          />
-        </div>
-      </v-col>
-    </v-row>
-  </v-sheet>
-  <v-img v-else-if="item.mimetype.split('/')[0] == 'image'" :src="getAttachmentUrl(item.rid)" :alt="item.alt"
-         class="w-full h-full" :cover="!props.noCover" />
-  <video v-else-if="item.mimetype.split('/')[0] == 'video'" :src="getAttachmentUrl(item.rid)" class="w-full h-full"
-         controls @click.stop />
-  <v-sheet v-else color="rgba(0, 0, 0, .4)" height="calc(100% + 24px)" class="p-5">
-    <v-row class="fill-height" align="center" justify="center">
-      <v-col class="text-center">
-        <h1 class="text-xl font-bold text-white">
-          {{ item.alt }}
-        </h1>
-        <p class="text-md text-white">{{ item.mimetype }}</p>
-
-        <p class="text-sm text-white mt-3">Unable to preview, you can open it via other ways.</p>
-
-        <div class="flex justify-center mt-3">
-          <v-btn
-            variant="text"
-            color="white"
-            prepend-icon="mdi-launch"
-            text="Open in browser"
-            :href="getAttachmentUrl(item.rid)"
-            target="_blank"
-          />
-        </div>
-      </v-col>
-    </v-row>
-  </v-sheet>
-</template>
-
-<script setup lang="ts">
-const config = useRuntimeConfig()
-
-const props = defineProps<{ item: any, noCover?: boolean }>()
-
-const item = computed(() => props.item)
-
-const showMature = ref(false)
-
-function getAttachmentUrl(id: string) {
-  return `${config.public.solarNetworkApi}/cgi/uc/attachments/${id}`
-}
-</script>
--- a/components/auth/Authenticate.vue
+++ b/components/auth/Authenticate.vue
@ -1,69 +0,0 @@
-<template>
-  <div class="flex items-center">
-    <v-form class="flex-grow-1" @submit.prevent="submit">
-      <v-text-field
-        :label="t('username')"
-        variant="solo"
-        density="comfortable"
-        class="mb-3"
-        :hide-details="true"
-        :disabled="props.loading"
-        v-model="probe"
-      />
-
-      <v-expand-transition>
-        <v-alert v-show="error" variant="tonal" type="error" class="text-xs mb-3">
-          {{ t("errorOccurred", [error]) }}
-        </v-alert>
-      </v-expand-transition>
-
-      <div class="flex justify-between">
-        <v-btn type="button" variant="plain" color="grey-darken-3" to="/auth/sign-up">{{ t("userMenuSignUp") }}</v-btn>
-
-        <v-btn
-          type="submit"
-          variant="text"
-          color="primary"
-          class="justify-self-end"
-          append-icon="mdi-arrow-right"
-          :disabled="props.loading"
-        >
-          {{ t("next") }}
-        </v-btn>
-      </div>
-    </v-form>
-  </div>
-</template>
-
-<script setup lang="ts">
-const { t } = useI18n()
-const config = useRuntimeConfig()
-
-const probe = ref("")
-
-const error = ref<string | null>(null)
-
-const props = defineProps<{ loading?: boolean }>()
-const emits = defineEmits(["swap", "update:loading", "update:ticket"])
-
-async function submit() {
-  if (!probe.value) return
-
-  emits("update:loading", true)
-  const res = await fetch(`${config.public.solarNetworkApi}/cgi/id/auth`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ username: probe.value }),
-  })
-  if (res.status !== 200) {
-    error.value = await res.text()
-  } else {
-    const data = await res.json()
-    emits("update:ticket", data["ticket"])
-    if (data.is_finished) emits("swap", "completed")
-    else emits("swap", "mfa")
-    error.value = null
-  }
-  emits("update:loading", false)
-}
-</script>
--- a/components/auth/AuthenticateCompleted.vue
+++ b/components/auth/AuthenticateCompleted.vue
@ -1,67 +0,0 @@
-<template>
-  <div>
-    <v-icon icon="mdi-lan-check" size="32" color="grey-darken-3" class="mb-3" />
-
-    <h1 class="font-bold text-xl">{{ t("signInCompleted") }}</h1>
-    <p>{{ t("signInCompletedCaption") }}</p>
-
-    <v-expand-transition>
-      <v-alert v-show="error" variant="tonal" type="error" class="text-xs mb-3">
-        {{ t("errorOccurred", [error]) }}
-      </v-alert>
-    </v-expand-transition>
-  </div>
-</template>
-
-<script setup lang="ts">
-const { t } = useI18n()
-const config = useRuntimeConfig()
-
-const route = useRoute()
-const router = useRouter()
-const auth = useUserinfo()
-
-const props = defineProps<{ loading?: boolean; currentFactor?: any; ticket?: any }>()
-const emits = defineEmits(["update:loading"])
-
-const error = ref<string | null>(null)
-
-async function load() {
-  emits("update:loading", true)
-  await getToken(props.ticket.grant_token)
-  await auth.readProfiles()
-  setTimeout(() => callback(), 1850)
-}
-
-onMounted(() => load())
-
-async function getToken(tk: string) {
-  const res = await fetch(`${config.public.solarNetworkApi}/cgi/id/auth/token`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({
-      code: tk,
-      grant_type: "grant_token",
-    }),
-  })
-  if (res.status !== 200) {
-    const err = await res.text()
-    error.value = err
-    throw new Error(err)
-  } else {
-    const out = await res.json()
-    auth.setTokenSet(out["access_token"], out["refresh_token"])
-    error.value = null
-  }
-}
-
-function callback() {
-  if (route.query["close"]) {
-    window.close()
-  } else if (route.query["redirect_uri"]) {
-    window.open((route.query["redirect_uri"] as string) ?? "/", "_self")
-  } else {
-    router.push("/users/me")
-  }
-}
-</script>
--- a/components/auth/CallbackHint.vue
+++ b/components/auth/CallbackHint.vue
@ -1,15 +0,0 @@
-<template>
-  <div class="w-full max-w-[720px]">
-    <v-expand-transition>
-      <v-alert v-show="route.query['redirect_uri']" variant="tonal" type="info" class="text-xs">
-        {{ t("callbackHint") }} <br />
-        <span class="font-mono">{{ route.query["redirect_uri"] }}</span>
-      </v-alert>
-    </v-expand-transition>
-  </div>
-</template>
-
-<script setup lang="ts">
-const { t } = useI18n()
-const route = useRoute()
-</script>
--- a/components/auth/FactorApplicator.vue
+++ b/components/auth/FactorApplicator.vue
@ -1,93 +0,0 @@
-<template>
-  <div class="flex items-center">
-    <v-form class="flex-grow-1" @submit.prevent="submit">
-      <div v-if="inputType === 'one-time-password'" class="text-center">
-        <p class="text-xs opacity-90">{{ t("multiFactorHint") }}</p>
-        <v-otp-input
-          class="pt-0"
-          variant="solo"
-          density="compact"
-          type="text"
-          :length="6"
-          v-model="password"
-          :loading="loading"
-        />
-      </div>
-      <v-text-field
-        v-else
-        :label="t('password')"
-        type="password"
-        variant="solo"
-        density="comfortable"
-        :disabled="loading"
-        v-model="password"
-      />
-
-      <v-expand-transition>
-        <v-alert v-show="error" variant="tonal" type="error" class="text-xs mb-3">
-          {{ t("errorOccurred", [error]) }}
-        </v-alert>
-      </v-expand-transition>
-
-      <div class="flex justify-end">
-        <v-btn
-          type="submit"
-          variant="text"
-          color="primary"
-          class="justify-self-end"
-          append-icon="mdi-arrow-right"
-          :disabled="loading"
-        >
-          {{ t("next") }}
-        </v-btn>
-      </div>
-    </v-form>
-  </div>
-</template>
-
-<script setup lang="ts">
-const { t } = useI18n()
-const config = useRuntimeConfig()
-
-const password = ref("")
-
-const error = ref<string | null>(null)
-
-const props = defineProps<{ loading?: boolean; currentFactor?: any; ticket?: any }>()
-const emits = defineEmits(["swap", "update:ticket", "update:loading"])
-
-async function submit() {
-  emits("update:loading", true)
-  const res = await fetch(`${config.public.solarNetworkApi}/cgi/id/auth`, {
-    method: "PATCH",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({
-      ticket_id: props.ticket?.id,
-      factor_id: props.currentFactor?.id,
-      code: password.value,
-    }),
-  })
-  if (res.status !== 200) {
-    error.value = await res.text()
-  } else {
-    const data = await res.json()
-    error.value = null
-    password.value = ""
-    emits("update:ticket", data["ticket"])
-    if (data["is_finished"]) emits("swap", "completed")
-    else emits("swap", "mfa")
-  }
-  emits("update:loading", false)
-}
-
-const inputType = computed(() => {
-  switch (props.currentFactor?.type) {
-    case 0:
-      return "text"
-    case 1:
-      return "one-time-password"
-    default:
-      return "unknown"
-  }
-})
-</script>
--- a/components/auth/FactorPicker.vue
+++ b/components/auth/FactorPicker.vue
@ -1,90 +0,0 @@
-<template>
-  <div class="flex items-center">
-    <div class="flex-grow-1">
-      <v-card class="mb-3">
-        <v-list density="compact" color="primary">
-          <v-list-item
-            v-for="(item, idx) in factors ?? []"
-            :key="idx"
-            :prepend-icon="getFactorType(item)?.icon"
-            :title="getFactorType(item)?.label"
-            :active="focus === item.id"
-            :disabled="getFactorAvailable(item)"
-            @click="focus = item.id"
-          />
-        </v-list>
-      </v-card>
-
-      <v-expand-transition>
-        <v-alert v-show="error" variant="tonal" type="error" class="text-xs mb-3">
-          {{ t("errorOccurred", [error]) }}
-        </v-alert>
-      </v-expand-transition>
-
-      <div class="flex justify-end">
-        <v-btn variant="text" color="primary" class="justify-self-end" append-icon="mdi-arrow-right" @click="submit">
-          {{ t("next") }}
-        </v-btn>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-const { t } = useI18n()
-const config = useRuntimeConfig()
-
-const focus = ref<number | null>(null)
-const factors = ref<any[]>([])
-
-const error = ref<string | null>(null)
-
-const props = defineProps<{ ticket?: any }>()
-const emits = defineEmits(["swap", "update:loading", "update:currentFactor"])
-
-async function load() {
-  emits("update:loading", true)
-  const res = await fetch(`${config.public.solarNetworkApi}/cgi/id/auth/factors?ticketId=${props.ticket.id}`)
-  if (res.status !== 200) {
-    error.value = await res.text()
-  } else {
-    factors.value = await res.json()
-  }
-  emits("update:loading", false)
-}
-
-onMounted(() => load())
-
-async function submit() {
-  if (!focus.value) return
-
-  emits("update:loading", true)
-  const res = await fetch(`${config.public.solarNetworkApi}/cgi/id/auth/factors/${focus.value}`, {
-    method: "POST",
-  })
-  if (res.status !== 200 && res.status !== 204) {
-    error.value = await res.text()
-  } else {
-    const item = factors.value.find((item: any) => item.id === focus.value)
-    emits("update:currentFactor", item)
-    emits("swap", "applicator")
-    error.value = null
-    focus.value = null
-  }
-  emits("update:loading", false)
-}
-
-function getFactorType(item: any) {
-  switch (item.type) {
-    case 0:
-      return { icon: "mdi-form-textbox-password", label: t("multiFactorTypePassword") }
-    case 1:
-      return { icon: "mdi-email-fast", label: t("multiFactorTypeEmail") }
-  }
-}
-
-function getFactorAvailable(factor: any) {
-  const blacklist: number[] = props.ticket?.factor_trail ?? []
-  return blacklist.includes(factor.id)
-}
-</script>
--- a/components/content/EmbedDownloadLink.vue
+++ b/components/content/EmbedDownloadLink.vue
@ -1,20 +0,0 @@
-<template>
-  <v-card :title="t('download')" :subtitle="t('downloadDescription')" density="comfortable">
-    <v-list>
-      <v-list-item
-        v-for="item in props.items"
-        :prepend-icon="item.icon"
-        :title="item.title"
-        :subtitle="item.desc"
-        :href="item.url"
-        target="_blank"
-      />
-    </v-list>
-  </v-card>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{ items: [{ title: string, icon: string, desc: string, url: string }] }>()
-
-const { t } = useI18n()
-</script>
--- a/components/content/EmbedPostItem.vue
+++ b/components/content/EmbedPostItem.vue
@ -1,24 +0,0 @@
-<template>
-  <div class="my-2">
-    <post-item v-if="status === 'success'" class="no-margin-post" :post="post" :force-show-content="props.forceShowContent" />
-    <div v-else>{{ t("loading") }}</div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import PostItem from "~/components/PostItem.vue"
-
-const props = defineProps<{ id: number, forceShowContent?: boolean }>()
-
-const { t } = useI18n()
-
-const config = useRuntimeConfig()
-
-const { status, data: post } = await useFetch<any>(`${config.public.solarNetworkApi}/cgi/co/posts/${props.id}`)
-</script>
-
-<style scoped>
-.no-margin-post {
-  margin: 0 !important;
-}
-</style>
--- a/components/creator/stickers/DataTable.vue
+++ b/components/creator/stickers/DataTable.vue
@ -1,167 +0,0 @@
-<template>
-  <v-expand-transition>
-    <v-alert v-if="error" variant="tonal" type="error" class="text-xs mb-3">
-      {{ t("errorOccurred", [error]) }}
-    </v-alert>
-  </v-expand-transition>
-
-  <v-data-table
-    density="compact"
-    :headers="dataDefinitions.stickers"
-    :items="stickers"
-    :loading="reverting.stickers"
-    @update:options="readStickers"
-    item-value="id"
-  >
-    <template v-slot:item="{ item }: { item: any }">
-      <tr>
-        <td>{{ item.id }}</td>
-        <td>
-          <div class="item-texture-cell">
-            <v-img
-              cover
-              aspect-ratio="1"
-              width="28"
-              height="28"
-              color="grey-lighten-2"
-              rounded="sm"
-              :src="`${config.public.solarNetworkApi}/cgi/uc/attachments/${item.attachment.rid}`"
-            >
-              <template #placeholder>
-                <div class="d-flex align-center justify-center fill-height">
-                  <v-progress-circular
-                    size="x-small"
-                    width="3"
-                    color="grey-lighten-4"
-                    indeterminate
-                  ></v-progress-circular>
-                </div>
-              </template>
-            </v-img>
-
-            <v-code class="px-2 w-fit font-mono">
-              {{ item.attachment.rid }}
-            </v-code>
-          </div>
-        </td>
-        <td>{{ item.name }}</td>
-        <td>{{ props.packPrefix + item.alias }}</td>
-        <td>
-          <v-btn
-            v-bind="props"
-            variant="text"
-            size="x-small"
-            color="warning"
-            icon="mdi-pencil"
-            class="ms-[-8px]"
-            :to="`/creator/stickers/${item.pack_id}/${item.id}/edit`"
-          />
-
-          <v-dialog max-width="480">
-            <template #activator="{ props }">
-              <v-btn
-                v-bind="props"
-                variant="text"
-                size="x-small"
-                color="error"
-                icon="mdi-delete"
-                :disabled="submitting"
-              />
-            </template>
-
-            <template v-slot:default="{ isActive }">
-              <v-card :title="`Delete sticker #${item.id}?`">
-                <v-card-text>
-                  This action will delete this sticker, all content used it will no longer show your sticker. But the
-                  attachment will still exists.
-                </v-card-text>
-
-                <v-card-actions>
-                  <v-spacer></v-spacer>
-
-                  <v-btn text="Cancel" color="grey" @click="isActive.value = false"></v-btn>
-
-                  <v-btn
-                    text="Delete"
-                    color="error"
-                    @click="
-                      () => {
-                        deleteSticker(item)
-                        isActive.value = false
-                      }
-                    "
-                  />
-                </v-card-actions>
-              </v-card>
-            </template>
-          </v-dialog>
-        </td>
-      </tr>
-    </template>
-  </v-data-table>
-</template>
-
-<script setup lang="ts">
-import { solarFetch } from "~/utils/request"
-
-const config = useRuntimeConfig()
-const { t } = useI18n()
-
-const props = defineProps<{ packId: number; packPrefix?: string }>()
-
-const error = ref<null | string>(null)
-
-const dataDefinitions: { [id: string]: any[] } = {
-  stickers: [
-    { align: "start", key: "id", title: "ID" },
-    { align: "start", key: "attachment", title: "Texture" },
-    { align: "start", key: "name", title: "Name" },
-    { align: "start", key: "alias", title: "Alias" },
-    { align: "start", key: "actions", title: "Actions", sortable: false },
-  ],
-}
-
-const stickers = ref<any>([])
-
-const reverting = reactive({ stickers: false })
-
-async function readStickers() {
-  reverting.stickers = true
-  const res = await solarFetch("/cgi/uc/stickers/packs/" + props.packId)
-  if (res.status !== 200) {
-    error.value = await res.text()
-  } else {
-    const data = await res.json()
-    stickers.value = data["stickers"]
-  }
-  reverting.stickers = false
-}
-
-onMounted(() => readStickers())
-
-const submitting = ref(false)
-
-async function deleteSticker(item: any) {
-  submitting.value = true
-
-  const res = await solarFetch(`/cgi/uc/stickers/${item.id}`, {
-    method: "DELETE",
-  })
-  if (res.status !== 200) {
-    error.value = await res.text()
-  } else {
-    await readStickers()
-  }
-
-  submitting.value = false
-}
-</script>
-
-<style scoped>
-.item-texture-cell {
-  display: grid;
-  grid-template-columns: 28px auto;
-  gap: 6px;
-  width: fit-content;
-}
-</style>
--- a/components/dev/BotTokenCreate.vue
+++ b/components/dev/BotTokenCreate.vue
@ -1,83 +0,0 @@
-<template>
-  <v-dialog max-width="640">
-    <template v-slot:activator="{ props }">
-      <slot name="activator" v-bind="{ props }" />
-    </template>
-
-    <template v-slot:default="{ isActive }">
-      <v-card title="Create Bot Key" :subtitle="`for bot @${props.item.name}`">
-        <v-form @submit.prevent="(evt) => { submit(evt).then(() => isActive.value = false) }">
-          <v-card-text class="pt-0 px-5">
-            <v-expand-transition>
-              <v-alert v-if="error" variant="tonal" type="error" class="text-xs mb-5">
-                {{ t("errorOccurred", [error]) }}
-              </v-alert>
-            </v-expand-transition>
-
-            <v-row>
-              <v-col cols="12" md="6">
-                <v-text-field label="Name" name="name" variant="outlined" hide-details />
-              </v-col>
-              <v-col cols="12" md="6">
-                <v-textarea auto-grow rows="1" label="Description" name="description" variant="outlined" hide-details />
-              </v-col>
-              <v-col cols="12">
-                <v-text-field type="number" label="Lifecycle" name="lifecycle" variant="outlined"
-                              hint="How long will this key last (in seconds)" clearable persistent-hint />
-              </v-col>
-            </v-row>
-          </v-card-text>
-
-          <v-card-actions>
-            <v-spacer />
-
-            <v-btn
-              text="Cancel"
-              color="grey"
-              @click="isActive.value = false"
-            />
-            <v-btn
-              text="Create"
-              type="submit"
-            />
-          </v-card-actions>
-        </v-form>
-      </v-card>
-    </template>
-  </v-dialog>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{ item: any }>()
-const emits = defineEmits(["completed"])
-
-const { t } = useI18n()
-
-const error = ref<null | string>(null)
-
-const submitting = ref(false)
-
-async function submit(evt: SubmitEvent) {
-  const data: any = Object.fromEntries(new FormData(evt.target as HTMLFormElement).entries())
-  if (!data.name) return
-
-  data.lifecycle = parseInt(data.lifecycle)
-  if (Number.isNaN(data.lifecycle)) delete data.lifecycle
-
-  submitting.value = true
-
-  const res = await solarFetch(`/cgi/id/dev/bots/${props.item.id}/keys`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify(data),
-  })
-  if (res.status != 200) {
-    error.value = await res.text()
-    throw new Error(error.value)
-  } else {
-    emits("completed")
-  }
-
-  submitting.value = false
-}
-</script>
--- a/components/dev/BotTokenDialog.vue
+++ b/components/dev/BotTokenDialog.vue
@ -1,157 +0,0 @@
-<template>
-  <v-dialog max-width="640">
-    <template v-slot:activator="{ props }">
-      <slot name="activator" v-bind="{ props }" />
-    </template>
-
-    <v-card title="Bot Keys" :subtitle="`of bot @${props.item.name}`">
-      <v-card-text class="pb-0 pt-0">
-        <v-card variant="outlined">
-          <v-data-table-server
-            density="default"
-            :headers="dataDefinitions.keys"
-            :items="keys"
-            :items-length="pagination.keys.total"
-            :loading="reverting.keys"
-            v-model:items-per-page="pagination.keys.pageSize"
-            @update:options="readKeys"
-            item-value="id"
-            class="overflow-y-auto text-no-wrap"
-          >
-            <template v-slot:item="{ item }: { item: any }">
-              <tr>
-                <td>{{ item.id }}</td>
-                <td>
-                  <p>{{ item.name }}</p>
-                  <p class="text-xs">{{ item.description }}</p>
-                </td>
-                <td>{{ new Date(item.created_at).toLocaleString() }}</td>
-                <td>
-                  <dev-bot-token-grant :item="item">
-                    <template #activator="{ props }">
-                      <v-btn
-                        v-bind="props"
-                        variant="text"
-                        size="x-small"
-                        color="info"
-                        icon="mdi-key-variant"
-                      />
-                    </template>
-                  </dev-bot-token-grant>
-
-                  <v-dialog max-width="480">
-                    <template #activator="{ props }">
-                      <v-btn
-                        v-bind="props"
-                        variant="text"
-                        size="x-small"
-                        color="error"
-                        icon="mdi-delete"
-                        :disabled="submitting"
-                      />
-                    </template>
-
-                    <template v-slot:default="{ isActive }">
-                      <v-card :title="`Delete token ${item.name}?`">
-                        <v-card-text>
-                          This action will delete the token and invalid it immediately.
-                        </v-card-text>
-
-                        <v-card-actions>
-                          <v-spacer></v-spacer>
-
-                          <v-btn
-                            text="Cancel"
-                            color="grey"
-                            @click="isActive.value = false"
-                          ></v-btn>
-
-                          <v-btn
-                            text="Delete"
-                            color="error"
-                            @click="() => { revokeKey(item); isActive.value = false }"
-                          />
-                        </v-card-actions>
-                      </v-card>
-                    </template>
-                  </v-dialog>
-                </td>
-              </tr>
-            </template>
-          </v-data-table-server>
-        </v-card>
-      </v-card-text>
-
-      <div class="flex justify-end px-5.5 py-5">
-        <dev-bot-token-create :item="props.item" @completed="readKeys({})">
-          <template #activator="{ props }">
-            <v-btn variant="flat" text="Create" append-icon="mdi-plus" v-bind="props" />
-          </template>
-        </dev-bot-token-create>
-      </div>
-    </v-card>
-  </v-dialog>
-</template>
-
-<script setup lang="ts">
-import { solarFetch } from "~/utils/request"
-
-const props = defineProps<{ item: any }>()
-
-const keys = ref<any[]>([])
-
-const error = ref<null | string>(null)
-
-const dataDefinitions: { [id: string]: any[] } = {
-  keys: [
-    { align: "start", key: "id", title: "ID" },
-    { align: "start", key: "name", title: "Name" },
-    { align: "start", key: "created_at", title: "Created At" },
-    { align: "start", key: "actions", title: "Actions", sortable: false },
-  ],
-}
-
-const reverting = reactive({ keys: false })
-const pagination = reactive({
-  keys: { page: 1, pageSize: 5, total: 0 },
-})
-
-async function readKeys({ page, itemsPerPage }: { page?: number; itemsPerPage?: number }) {
-  if (itemsPerPage) pagination.keys.pageSize = itemsPerPage
-  if (page) pagination.keys.page = page
-
-  reverting.keys = true
-  const res = await solarFetch(
-    `/cgi/id/dev/bots/${props.item.id}/keys?` +
-    new URLSearchParams({
-      take: pagination.keys.pageSize.toString(),
-      offset: ((pagination.keys.page - 1) * pagination.keys.pageSize).toString(),
-    }),
-  )
-  if (res.status !== 200) {
-    error.value = await res.text()
-  } else {
-    const data = await res.json()
-    keys.value = data["data"]
-    pagination.keys.total = data["count"]
-  }
-  reverting.keys = false
-}
-
-onMounted(() => readKeys({}))
-
-async function revokeKey(item: any) {
-  submitting.value = true
-  const res = await solarFetch(`/cgi/id/dev/bots/${item.account_id}/keys/${item.id}`, {
-    method: "DELETE",
-  })
-  if (res.status !== 200) {
-    error.value = await res.text()
-  } else {
-    await readKeys({ page: 1 })
-  }
-  submitting.value = false
-}
-
-const submitting = ref(false)
-</script>
--- a/components/dev/BotTokenGrant.vue
+++ b/components/dev/BotTokenGrant.vue
@ -1,103 +0,0 @@
-<template>
-  <v-dialog max-width="640">
-    <template v-slot:activator="{ props }">
-      <slot name="activator" v-bind="{ props }" />
-    </template>
-
-    <v-card title="Bot Key" :subtitle="`#${props.item.id.toString().padStart(8, '0')}`">
-      <v-card-text>
-        <v-row>
-          <v-col cols="6">
-            <div class="flex justify-between items-center">
-              <span>Granted</span>
-              <v-icon :icon="getIcon(props.item.ticket.last_grant_at != null)" size="16" />
-            </div>
-          </v-col>
-          <v-col cols="6">
-            <div class="flex justify-between items-center">
-              <span>Lifecycle</span>
-              <span class="font-mono">{{ props.item.lifecycle ?? "-" }}</span>
-            </div>
-          </v-col>
-        </v-row>
-
-        <v-expand-transition>
-          <v-alert v-if="error" variant="tonal" type="error" class="text-xs mt-5">
-            {{ t("errorOccurred", [error]) }}
-          </v-alert>
-        </v-expand-transition>
-
-        <v-expand-transition>
-          <div v-if="token" class="flex flex-col gap-2 mt-5">
-            <div>
-              <p class="mb-0.25">Access Token</p>
-              <v-code class="font-mono px-3 mx-[-4px] overflow-y-auto text-no-wrap">
-                {{ token.access_token }}
-              </v-code>
-            </div>
-            <div>
-              <p class="mb-0.25">Refresh Token</p>
-              <v-code class="font-mono px-3 mx-[-4px] overflow-y-auto text-no-wrap">
-                {{ token.refresh_token }}
-              </v-code>
-            </div>
-          </div>
-        </v-expand-transition>
-      </v-card-text>
-
-      <div class="flex justify-end px-5.5 py-5">
-        <v-btn variant="tonal" text="Roll / Grant" append-icon="mdi-refresh" :loading="submitting" @click="getToken" />
-      </div>
-    </v-card>
-  </v-dialog>
-</template>
-
-<script setup lang="ts">
-const { t } = useI18n()
-const props = defineProps<{ item: any }>()
-
-const error = ref<null | string>(null)
-
-const token = ref<null | { access_token: string, refresh_token: string }>(null)
-
-const submitting = ref(false)
-
-function getIcon(value: boolean): string {
-  if (value) return "mdi-check"
-  else return "mdi-close"
-}
-
-async function getToken() {
-  submitting.value = true
-
-  let code = props.item.ticket.grant_token
-  if (props.item.ticket.last_grant_at != null) {
-    const res = await solarFetch(`/cgi/id/dev/bots/${props.item.account_id}/keys/${props.item.id}/roll`, {
-      method: "POST",
-    })
-    if (res.status != 200) {
-      error.value = await res.text()
-      submitting.value = false
-      return
-    } else {
-      code = (await res.json()).ticket.grant_token
-    }
-  }
-
-  const res = await solarFetch("/cgi/id/auth/token", {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({
-      grant_type: "grant_token",
-      code: code,
-    }),
-  })
-  if (res.status != 200) {
-    error.value = await res.text()
-  } else {
-    token.value = await res.json()
-  }
-
-  submitting.value = false
-}
-</script>
--- a/components/product/Carousel.vue
+++ b/components/product/Carousel.vue
@ -1,47 +0,0 @@
-<template>
-  <v-carousel show-arrows="hover" cycle hide-delimiters>
-    <v-carousel-item v-for="(item, i) in props.products" :key="i" :src="item?.thumbnail" cover>
-      <v-sheet color="rgba(0, 0, 0, .4)" height="calc(100% + 24px)" class="p-5">
-        <v-row class="fill-height" align="center" justify="center">
-          <v-col class="text-center">
-            <h1 class="text-4xl font-bold text-white" :class="item?.archived ? 'line-through' : null">
-              {{ item?.title }}
-            </h1>
-            <p class="text-lg text-white">{{ item?.description }}</p>
-
-            <div class="flex justify-center mt-3">
-              <v-btn variant="text" color="white" prepend-icon="mdi-school" :text="t('learnMore')" :to="item._path" />
-              <v-btn
-                v-if="item?.url"
-                variant="text"
-                color="white"
-                prepend-icon="mdi-launch"
-                :text="t('open')"
-                :href="item?.url"
-                target="_blank"
-              />
-            </div>
-            <div class="flex justify-center">
-              <v-chip
-                v-if="item?.archived"
-                label
-                prepend-icon="mdi-archive"
-                variant="text"
-                color="warning"
-                size="small"
-              >
-                {{ t("productArchived") }}
-              </v-chip>
-            </div>
-          </v-col>
-        </v-row>
-      </v-sheet>
-    </v-carousel-item>
-  </v-carousel>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{ products: any[] }>()
-
-const { t } = useI18n()
-</script>
--- a/content/en/products/acefield.mdx
+++ b/content/en/products/acefield.mdx
@ -1,27 +0,0 @@
---
-thumbnail: /thumbnails/products/acefield.webp
-title: AceField
-description: An experimental multiplayer top-down view shooting game that created by Solsynth LLC affiliation Highland Entertainment.
-author: [littlesheep]
-url: https://files.solsynth.dev/production01/acefield
-downloads:
-  - title: macOS
-    icon: mdi-apple
-    desc: macOS 12 or above
-    url: https://files.solsynth.dev/production01/acefield/AceField_MacOS_arm64.dmg
-  - title: Windows
-    icon: mdi-microsoft-windows
-    desc: Windows 7 or above
-    url: https://files.solsynth.dev/production01/acefield/Windows_x86_64.zip
-  - title: Linux
-    icon: mdi-linux
-    desc: Any linux distro
-    url: https://files.solsynth.dev/production01/acefield/Linux_x86_64.zip
---
-
-AceField which is stands for wonderful place to battle.
-We can't just use the name Battlefield because it already became a trademark of Electronic Arts.
-
-:embed-download-link{items='downloads'}
-
-:embed-post-item{id=914}
--- a/content/en/products/dietary-guard.mdx
+++ b/content/en/products/dietary-guard.mdx
@ -1,29 +0,0 @@
---
-thumbnail: /thumbnails/products/dietary-guard.webp
-title: DietaryGuard
-description: A simple app that help you keep dietary, so not die.
-author: [littlesheep]
-downloads:
-  - title: iOS
-    icon: mdi-apple-ios
-    desc: iOS 10 or above, via Testflight
-    url: https://testflight.apple.com/join/pYb6wRbr
-  - title: Android
-    icon: mdi-android
-    desc: Android 9 or above
-    url: https://files.solsynth.dev/production01/dietary-guard/app-arm64-v8a-release.apk
---
-
-A simple app to look up the ingredients of your food,
-with a little something along the way to keep you from eating something you shouldn't eat and going to the hospital.
-
-## Highlight
-
-1. Get authoritative and accurate food nutritional data via USDA FoodData Central API.
-2. Customize the alert rules to know at a glance what food is not suitable for you to eat.
-3. Simple and easy to use
-4. Lightweight software, less than 8M.
-
-:embed-download-link{:items='downloads'}
-
-:embed-post-item{id=887}
--- a/content/en/products/rhythm-box.mdx
+++ b/content/en/products/rhythm-box.mdx
@ -1,55 +0,0 @@
---
-thumbnail: /thumbnails/products/rhythm-box.webp
-title: RhythmBox
-description: Yet another Spotify third-party client.
-author: [littlesheep]
-downloads:
-  - title: macOS
-    icon: mdi-apple-ios
-    desc: iOS 12 or above, via sideload
-    url: https://files.solsynth.dev/production01/rhythm-box/ios-ipa.ipa
-  - title: macOS
-    icon: mdi-apple
-    desc: macOS 12 or above. Due to codesign issue, please compile for your self.
-    url: https://git.solsynth.dev/LittleSheep/RhythmBox
-  - title: Windows
-    icon: mdi-microsoft-windows
-    desc: Built by GitHub Actions
-    url: https://github.com/Solsynth/RhythmBox
-  - title: Android
-    icon: mdi-android
-    desc: Android 9 or above
-    url: https://files.solsynth.dev/production01/rhythm-box/app-arm64-v8a-release.apk
---
-
-Another Spotify third-party client. Multi-platform support, as it is built using Flutter.
-
-The project is inspired and supported by [spotube](https://spotube.krtirtho.dev).
-Their original app is good enough. But I just want to redesign the UI and make it ready to add more features and more backend support.
-
-## Highlights
-
-Compared to the original spotube. The project adds more audio sources, such as Netease Cloud Music, Kugou, and provides the ability to use it in mainland China.
-
-The project also focuses on the playback experience of VOCALOID songs.
-We improved the search and ranking algorithms so that queries will select fewer cover versions in favor of the original.
-
-Due to the termination of jiosaavn's service in Asia (other regions may also be affected). We removed the jiosaavn audio source.
-
-## Roadmap
-
-Seet at [GitHub](https://github.com/Solsynth/RhythmBox) or [Solsynth Git Repository](https://git.solsynth.dev/LittleSheep/RhythmBox)
-
-## License
-
-This project is open source under the APGLv3 license. The original spotube project is open source under the BSD-Clause4 license, copyright Kingkor Roy Tirtho.
-
-All rights to this project are owned by LittleSheep and Solsynth LLC.
-
-## Download
-
-**Note: The Windows version is built via Github Actions. To download, go to the GitHub repository at the link below, find the checkmark next to the most recent commit, and select the `Details` item in the `build-exe` pop-up window. Expand the step-by-step log for Archive production artifacts, which will contain a download link to unzip it. You will need to be logged into your GitHub account to download.**
-
-:embed-download-link{:items='downloads'}
-
-:embed-post-item{id=923}
--- a/content/en/products/roadsign.mdx
+++ b/content/en/products/roadsign.mdx
@ -1,48 +0,0 @@
---
-thumbnail: /thumbnails/products/roadsign.webp
-title: RoadSign
-description: The HTTP server that powered us. Great ability, and easy to use
-author: [littlesheep]
---
-
-RoadSign is an HTTP server developed by Solsynth LLC.
-Its support for HTTP protocol is not excellent, but it is definitely handy for accelerating your project deployment!
-It even made us abandon Netlify and Vercel.
-
-## Highlight Features
-
- RoadSign CLI deploys projects with one line of command
- Full control over your traffic
- Featured Transformer to modify requests
- Built-in Warden thread management
-
-## Installation
-
-It is recommended to use docker for installation. The following is an example docker-compose.yml
-
-```yaml
-services:
-  roadsign:
-    image: xsheep2010/roadsign:delta
-    restart: unless-stopped
-    ports:
-      - 8000:8000
-      - 81:81
-    volumes:
-      - "/srv/roadsign/config:/config"
-      - "/srv/roadsign/workdir:/workdir"
-      - "/srv/roadsign/settings.toml:/settings.toml"
-```
-
-It is recommended to have RoadSign behind a real reverse proxy, so do not listen to 443 and 80 here, use 8000 to let the reverse proxy do the upstream.
-Port 81 is the management API port that the side-loading API needs to use, which can be changed in the settings.
-
-It is also recommended to install RoadSign CLI on your local machine
-
-```sh
-$ npm i -g roadsign-cli
-```
-
-## 使用
-
-Watch the full RoadSign CLI deployment project demo at Asciiema 👉 https://asciinema.org/a/678744
--- a/content/en/products/solar-network.mdx
+++ b/content/en/products/solar-network.mdx
@ -1,39 +0,0 @@
---
-thumbnail: /thumbnails/products/solar-network.webp
-title: Solar Network
-description: Next Generation Network Center
-author: [littlesheep]
-url: https://sn.solsynth.dev
-downloads:
-  - title: macOS
-    icon: mdi-apple
-    desc: macOS 12 or above, via Testflight
-    url: https://testflight.apple.com/join/YJ0lmN6O
-  - title: iOS
-    icon: mdi-apple-ios
-    desc: iOS 12 or above, via Testflight
-    url: https://testflight.apple.com/join/YJ0lmN6O
-  - title: Android
-    icon: mdi-android
-    desc: Android 9 or above
-    url: https://files.solsynth.dev/production01/solian/app-arm64-v8a-release.apk
-  - title: Web
-    icon: mdi-web
-    desc: Web-based version with support for major browsers
-    url: https://sn.solsynth.dev
---
-
-Solar Network is a groundbreaking, multi-functional platform that seamlessly integrates social interaction, real-time chat, and high-quality audio and video calls to create an engaging and interactive unified experience.
-With Solar Network, users can not only easily create and manage their own communities, but also stay connected with friends, fans and team members anytime, anywhere.
-Whether it's discussing work projects, sharing life moments, or enjoying a fun time, Solar Network provides a smooth and efficient way to communicate.
-The platform is designed to meet a wide range of social needs, enabling every user to find a sense of belonging and build deep connections with others in a welcoming and diverse community.
-
-## Support
-
-If you need any support from us, go ahead and email [lily@solsynth.dev](mailto:lily@solsynth.dev). We're always waiting for you.
-
-## Download
-
-Download Solar Network official client Solian to use Solar Network.
-
-:embed-download-link{:items='downloads'}
--- a/content/en/terms/basic-law.mdx
+++ b/content/en/terms/basic-law.mdx
@ -1,54 +0,0 @@
---
-title: User Agreement / Basic Law
-date: 2025-03-19T16:12:21.897Z
---
-
-This User Agreement (a.k.a. the Basic Law) is the framework of rules for all Solsynth LLC products, and other related regulations should comply with it, or the entry will not be effective.
-
-This User Agreement will be referred to herein as “these Terms and Conditions” and Solsynth LLC will refer to it as “we” and “us”.
-As used herein, account number, account, and Solarpass refer to the User's account on the Solar Network.
-
-## Scope of Application
-
-1. The User Agreement applies to all Solsynth LLC products, including but not limited to Solar Network, DietaryGuard, and AceField. 2.
-2. Any prior events will still be subject to the latest revised version of these Terms and Conditions. 3. 
-3. All Solar Network users are deemed to have agreed to the contents of these Terms and Conditions and any subsequent updates to these Terms and Conditions upon registration.
-4. The final interpretation of these Terms and Conditions is the responsibility of Solsynth LLC and the legislator of the relevant entry.
-
-## Amendments and Updates to the Terms and Conditions
-
-1. Changes to these Regulations shall be made by Solsynth LLC and the Legislator.
-2. The Legislative Councilor's proposal to amend the Basic Law shall be supported by a referendum of more than **3/2** of the users and shall not be subject to the one-vote right of passage.
-3. Legislators' proposals to amend other sub-regulations shall be supported by a referendum of more than **one-half** of the users.
-4. Some special regulations are protected from amendment by legislators.
-5. Regarding any subsequent updates to the ordinance, we will notify the content of the update by means of “notification on the website” or “email push”.
-
-## Provision and Discontinuation of Services
-
-1. Solsynth LLC will provide the same service to all natural persons in the world. 2.
-2. We also reserve the right to discontinue the service to any user, and in principle we will inform the reason for discontinuance.
-3. after the termination or suspension of the service, the user has the right to ask us to delete or export all user data.
-4. In case of violation of the relevant regulations, the user will receive three kinds of penalties: **Warning, Suspension and Disablement**.
-    - Warning (Strike): The warning will not have any practical effect on the User and will be automatically revoked after 180 days without any bad behavior. If the user receives another warning within the warning period, the penalty will be upgraded to suspension.
-    - Suspension: There are two types of suspension: “Full Suspension” and “Partial Suspension”. Full Suspension” shall, in principle, have a time limit for entry into force.
-        - Full Suspension: The user will not be allowed to access any Solar Network and other services, and will not be able to log in to Solarpass.
-        - Partial deactivation: Partial disabling of the user's rights, e.g. uploading of files, publishing of posts, etc.
-    - Disablement: The user's entire account and all rights of Solsynth LLC to use other services are disabled. We also reserve the right to delete the relevant data.
-5. A natural person can register and own only one Solarpass account, and we reserve the right to take action against other sub-accounts of the same User for deletion of data.
-6. The transfer and sale of Solarpass accounts are strictly prohibited. If such behavior is discovered, measures will be taken to delete the relevant data immediately.
-7. If a user opens a sub-account in any way during the penalty period in an attempt to evade the penalty, the sub-account shall be subject to deletion of data and the penalty shall be escalated or the time limit extended, as the case may be.
-8. Bot accounts opened through the Developer Portal are not considered sub-accounts. *For more information on the use of bot accounts, please refer to the Developer Rules (/terms/developer-rules).
-
-## 4. User Generated Content
-
-1. we do not assume any responsibility for user-generated content posted on our Products. 2.
-2. Regarding copyright infringement of content published by users on our products, we will remove the content in question; if we agree that there is a large amount of copyright infringement by the publisher, we will impose penalties of **warning and suspension of rights** depending on the situation.
-3. In principle, we do not restrict users' freedom of expression, with the exception of the following cases, in which we will remove the content and penalize the publisher according to the circumstances:
-    - Copyright infringement
-    - Board-washing, meaningless content *See [community-safety-law](/terms/community-safety-law)* for details.
-    - Spreading rumors, fear-mongering, extremist speech *See the Community Safety Laws for more information.
-4. With regard to the files uploaded by the User on Solar Network, they are considered to be public content on the Internet; at the moment of completion of the upload the User is considered to have authorized us with the required copyright to display the respective content.
-
-## 5. User Privacy Protection
-
-*The contents of this chapter are detailed in the [privacy-policy](/terms/privacy-policy)*
--- a/content/en/terms/privacy-policy.mdx
+++ b/content/en/terms/privacy-policy.mdx
@ -1,48 +0,0 @@
---
-title: Privacy Policy / Privacy Protection Law 
-date: 2025-03-19T16:12:21.897Z
---
-
-This regulation is an expansion of Chapter 5 of the contents of the “Basic Law”. This entry applies the security protection policy (direct modification by the legislator is not allowed due to the design of user data security).
-
-We take your privacy very seriously. This Privacy Policy outlines the types of personal information we collect, how we use it, and the protective measures we take.
-
-## 5.1 Information Collection
-
-We only collect personal information that is necessary to provide our services. This includes:
-
- Email
- Telephone number *optional*
- Name *optional
- Address *optional
- Date of Birth *Optional
- Gender *selectable
- Internet Address
- Device Identifier
- User behavior data
-
-## 5.2 Use of Information
-
-We use your personal information to:
-
- Provide data necessary for the provision and use of our services
- communicate with you about updates to regulations or other important information
- analyze services to improve the quality of our services
-
-## 5.3 Data Sharing
-
-We do not sell or trade your personal information.
-
-We share some of your personal information, which may include device identifiers and behavioral data, with our partner Google Analytics to help us analyze and improve our services, as described in Google's Privacy Policy (https://policies.google.com/privacy).
-
-## 5.4 Data Security
-
-We have implemented strong security measures (including, but not limited to, the use of industry-leading encryption algorithms, a database key rotation policy, etc.) to protect your personal information from unauthorized access, alteration, disclosure or destruction.
-
-## 5.5 Your Rights
-
-Regardless of the penalties imposed on your account, you always have the right to:
-
- Access the personal information we hold about you
- Request correction of your personal information
- Request the deletion of your personal information
--- a/content/zh-CN/products/acefield.mdx
+++ b/content/zh-CN/products/acefield.mdx
@ -1,27 +0,0 @@
---
-thumbnail: /thumbnails/products/acefield.webp
-title: AceField
-description: 由索尔辛茨附属高岛互娱制作的一款实验性多人自上而下视角射击游戏。
-author: [littlesheep]
-url: https://files.solsynth.dev/production01/acefield
-downloads:
-  - title: macOS
-    icon: mdi-apple
-    desc: macOS 12 或以上
-    url: https://files.solsynth.dev/production01/acefield/AceField_MacOS_arm64.dmg
-  - title: Windows
-    icon: mdi-microsoft-windows
-    desc: Windows 7 或以上
-    url: https://files.solsynth.dev/production01/acefield/Windows_x86_64.zip
-  - title: Linux
-    icon: mdi-linux
-    desc: 主流 Linux 发行版
-    url: https://files.solsynth.dev/production01/acefield/Linux_x86_64.zip
---
-
-AceField 是 “战斗的好地方” 的缩写。
-我们不能只用《战地》这个名字，因为它是 Electronic Arts 的商标。
-
-:embed-download-link{:items='downloads'}
-
-:embed-post-item{id=914}
--- a/content/zh-CN/products/dietary-guard.mdx
+++ b/content/zh-CN/products/dietary-guard.mdx
@ -1,28 +0,0 @@
---
-thumbnail: /thumbnails/products/dietary-guard.webp
-title: 膳食管家
-description: 一个简单的查询食物成份的应用程式
-author: [littlesheep]
-downloads:
-  - title: iOS
-    icon: mdi-apple-ios
-    desc: iOS 10 或以上，通过 Testflight
-    url: https://testflight.apple.com/join/pYb6wRbr
-  - title: Android
-    icon: mdi-android
-    desc: Android 9 或以上
-    url: https://files.solsynth.dev/production01/dietary-guard/app-arm64-v8a-release.apk
---
-
-一个简单的查询食物成份的应用，还能顺便提示你一点东西，避免你吃到什么不该吃的吃进医院。
-
-## 高光
-
-1. 透过 USDA FoodData Central API 获取权威、准确的食品营养成分数据
-2. 自定义告警规则，不适合自己食用的食物一目了然
-3. 功能简单，上手容易
-4. 轻量软件，只有 8M 不到
-
-:embed-download-link{:items='downloads'}
-
-:embed-post-item{id=887}
--- a/content/zh-CN/products/rhythm-box.mdx
+++ b/content/zh-CN/products/rhythm-box.mdx
@ -1,55 +0,0 @@
---
-thumbnail: /thumbnails/products/rhythm-box.webp
-title: RhythmBox
-description: 又一个 Spotify 第三方客户端，但不止步于此。
-author: [littlesheep]
-downloads:
-  - title: macOS
-    icon: mdi-apple-ios
-    desc: iOS 12 或以上，通过侧载自行安装
-    url: https://files.solsynth.dev/production01/rhythm-box/ios-ipa.ipa
-  - title: macOS
-    icon: mdi-apple
-    desc: macOS 12 或以上，因为签名问题，请自行编译使用
-    url: https://git.solsynth.dev/LittleSheep/RhythmBox
-  - title: Windows
-    icon: mdi-microsoft-windows
-    desc: 通过 GitHub Actions 构建
-    url: https://github.com/Solsynth/RhythmBox
-  - title: Android
-    icon: mdi-android
-    desc: Android 9 或以上
-    url: https://files.solsynth.dev/production01/rhythm-box/app-arm64-v8a-release.apk
---
-
-又一个 Spotify 第三方客户端。支持多平台，因为使用 Flutter 构建。
-
-该项目受到 [spotube](https://spotube.krtirtho.dev) 的启发和支持。
-他们的原始应用程序已经足够好了。但我只想重新设计用户界面，并使其准备好添加更多功能和更多后端支持。
-
-## 亮点
-
-与原始 spotube 相比。该项目添加了更多音频源，例如网易云音乐、酷狗，并提供在中国大陆使用的能力。
-
-同时，该项目还专注于 VOCALOID 歌曲的播放体验。
-我们改进了搜索和排名算法，使查询将减少选择翻唱版本，而是选择原始版本。
-
-由于 jiosaavn 在亚洲地区的终止服务（其他地区可能也受到影响）。我们删除了 jiosaavn 音频源。
-
-## 开发计划
-
-在 [GitHub](https://github.com/Solsynth/RhythmBox) 或 [Solsynth Git Repository](https://git.solsynth.dev/LittleSheep/RhythmBox) 查看
-
-## 许可
-
-本项目在 APGLv3 许可证下开源。原始 spotube 项目在 BSD-Clause4 许可证下开源，版权归 Kingkor Roy Tirtho 所有。
-
-本项目的所有权利归 LittleSheep 和 Solsynth LLC 所有。
-
-## 下载
-
-**注：Windows 版本通过 Github Actions 编译，下载请前往下述链接的 GitHub 仓库找到最近提交旁「打勾」的图标，在弹出的提示窗口选择 `build-exe` 那项的 「Details」。展开 Archive production artifacts 的步骤日志，里面会包含一个下载链接，解压服用即可。下载需要登陆 GitHub 账号。**
-
-:embed-download-link{:items='downloads'}
-
-:embed-post-item{id=923}
--- a/content/zh-CN/products/roadsign.mdx
+++ b/content/zh-CN/products/roadsign.mdx
@ -1,47 +0,0 @@
---
-thumbnail: /thumbnails/products/roadsign.webp
-title: RoadSign
-description: 为我们的网络提供动力的 HTTP 服务器。功能强大，使用方便
-author: [littlesheep]
---
-
-RoadSign 是由 Solsynth LLC 开发的 HTTP 服务器，其对 HTTP 协议的支持算不上优秀，
-但是对于加速你的项目部署，一定算得上趁手！甚至让我们抛弃了 Netlify 和 Vercel。
-
-## 特色
-
- RoadSign CLI 一行命令部署项目
- 完全控制你的流量
- 特色的 Transformer 来修改请求
- 内置 Warden 线程管理
-
-## 安装
-
-推荐使用 docker 进行安装，以下是示例 docker-compose.yml
-
-```yaml
-services:
-  roadsign:
-    image: xsheep2010/roadsign:delta
-    restart: unless-stopped
-    ports:
-      - 8000:8000
-      - 81:81
-    volumes:
-      - "/srv/roadsign/config:/config"
-      - "/srv/roadsign/workdir:/workdir"
-      - "/srv/roadsign/settings.toml:/settings.toml"
-```
-
-推荐让 RoadSign 在一个真正的反向代理后，所以在此不监听 443 和 80，使用 8000 让反向代理做上流。
-其中 81 端口是侧载 API 需要使用的管理 API 端口，可以在设置内修改。
-
-同时推荐在本地机器上安装 RoadSign CLI
-
-```sh
-$ npm i -g roadsign-cli
-```
-
-## 使用
-
-在 Asciiema 观看完整的 RoadSign CLI 部署项目演示 👉 https://asciinema.org/a/678744
--- a/content/zh-CN/products/solar-network.mdx
+++ b/content/zh-CN/products/solar-network.mdx
@ -1,39 +0,0 @@
---
-thumbnail: /thumbnails/products/solar-network.webp
-title: Solar Network
-description: 下一代网络中心
-author: littlesheep
-url: https://sn.solsynth.dev
-downloads:
-  - title: macOS
-    icon: mdi-apple
-    desc: macOS 12 或以上，通过 TestFlight
-    url: https://testflight.apple.com/join/YJ0lmN6O
-  - title: iOS
-    icon: mdi-apple-ios
-    desc: iOS 12 或以上，通过 Testflight
-    url: https://testflight.apple.com/join/YJ0lmN6O
-  - title: Android
-    icon: mdi-android
-    desc: Android 9 或以上
-    url: https://files.solsynth.dev/production01/solian/app-arm64-v8a-release.apk
-  - title: Web
-    icon: mdi-web
-    desc: 基于 Web 的版本，支持主流浏览器
-    url: https://sn.solsynth.dev
---
-
-Solar Network 是一个开创性的多功能平台，它将社交互动、实时聊天和高质量音视频通话无缝集成，打造出一个极具吸引力和互动性的统一体验。
-通过 Solar Network，用户不仅可以轻松创建和管理自己的社区，还能够随时随地与好友、粉丝和团队成员保持紧密联系。
-无论是讨论工作项目、分享生活点滴，还是享受娱乐时光，Solar Network 都能为您提供顺畅、高效的沟通桥梁。
-这个平台旨在满足各种社交需求，使每一位用户都能在一个温馨而多样化的社区中找到归属感，并与他人建立深厚的联系。
-
-## 支持
-
-如果你需要任何形式的支持或者有任何疑问，欢迎写邮件至 [lily@solsynth.dev](mailto:lily@solsynth.dev)。我们将竭诚为你服务。
-
-## 下载
-
-下载 Solar Network 官方客户端 Solian 来使用 Solar Network。
-
-:embed-download-link{:items='downloads'}
--- a/content/zh-CN/terms/basic-law.mdx
+++ b/content/zh-CN/terms/basic-law.mdx
@ -1,54 +0,0 @@
---
-title: 用户协议 / 基本法
-date: 2025-03-19T16:12:21.897Z
---
-
-本用户协议（又称基本法）是 Solsynth LLC 所有产品的规则框架，其他相关的条例应该遵守本条例，否则该条目不生效。
-
-本文将省略称呼本用户协议为「本条例」，Solsynth LLC 称为「我们」。
-本文中帐号、帐户、及 Solarpass 均指代用户在 Solar Network 上开设的帐号。
-
-## 1. 适用范围
-
-1. 用户协议适用于所有 Solsynth LLC 的产品，包括但不限于 Solar Network、DietaryGuard 及 AceField。
-2. 任何发生在以前的事件仍然适用最新版修订版的本条例。 
-3. 所有 Solar Network 用户在注册时视为同意本条例的内容以及其后续更新。
-4. 条例的最终解释权归属于 Solsynth LLC 及相关条目立法委员。
-
-## 2. 条例的修改和更新
-
-1. 本条例的修改由 Solsynth LLC 和立法委员共同完成。
-2. 立法委员提出关于修改「基本法」的提案应当得到超过**二分之三**的用户公投支持并不适用一票通过权。
-3. 立法委员提出关于修改其他子条例的提案应当得到超过**二分之一**的用户公投支持。
-4. 部份特殊条例实行保护方针不允许立法委员修改。
-5. 关于后续任何的条例更新，我们将采取「站内通知」或「邮件推送」的方式通知内容更新。
-
-## 3. 服务的提供与中断
-
-1. Solsynth LLC 将向世界上所有的自然人提供同等的服务。
-2. 我们同时保留向任何用户停止服务的权利，原则上我们会告知停止服务的原因。
-3. 在用户的服务被终止或停权之后，用户有权向我们要求删除或导出所有的用户资料。
-4. 用户在违反相关条例时，会收到**警告、停权、禁用**三种处罚措施。
-    - 警告 (Strike): 不会对用户造成任何实际上的影响，警告会在无任何不良行为 180 天后自动撤销。若用户在警告期内再次获得警告，处罚将升级为停权。
-    - 停权：停权分为两种类型「完全停权」和「部份停权」。其中「完全停权」原则上应有生效时限。
-        - 完全停权：用户将不允许存取任何 Solar Network 和其他服务内容，同时也会无法登陆 Solarpass。
-        - 部份停权：禁用用户的部份权利，例如上传文件、发布帖子等。
-    - 禁用：禁用用户的整个帐号和所有 Solsynth LLC 使用其他服务的权利。同时我们保留删除相关数据的权利。
-5. 一个自然人只能注册、拥有一个 Solarpass 帐号，我们有权对其他同用户的子帐号采取删除数据的措施。
-6. 关于 Solarpass 帐号的转让、出售是绝对禁止的行为，关于发现相关行为将立即采取删除相关数据的措施。
-7. 若用户在处罚期间采取任何方式开设子帐号试图逃避处罚，应当对子帐号采取删除数据的措施，并且视情况升级处罚或延长时限。
-8. 通过「开发者门户」开设的机器人帐号不属于子帐号范畴。*关于「机器人帐号」的使用规定，详见 [开发者守则](/terms/developer-rules)*
-
-## 4. 用户生成内容
-
-1. 我们不承担任何关于用户在我们产品上发表的内容的责任。
-2. 关于用户在我们产品上发布的内容侵犯版权时，我们会对相关内容进行删除；若同意发布者有大量侵犯版权的情况，根据情况处以**警告及停权**的处罚。
-3. 我们原则上不会限制用户的言论自由，但以下情况例外，我们会根据情况对相关内容进行删除并处罚发布者：
-    - 侵犯版权
-    - 洗板，无意义的内容 *详见 [社区治安条例](/terms/community-safety-law)*
-    - 散播谣言、恐慌、极端主义的言论 *详见 [社区治安条例](/terms/community-safety-law)*
-4. 关于用户上传在 Solar Network 上的文件，视为互联网上的公开内容；在用户上传完成的即刻起，视为用户授权我们所需的版权展示相关的内容。
-
-## 5. 用户隐私保护
-
-*本章内容详见 [隐私保护法](/terms/privacy-policy)*
--- a/content/zh-CN/terms/privacy-policy.mdx
+++ b/content/zh-CN/terms/privacy-policy.mdx
@ -1,48 +0,0 @@
---
-title: 隐私策略 / 隐私保护法
-date: 2025-03-19T16:12:21.897Z
---
-
-本条例是对「基本法」内容第五章的扩充。本条目适用安全保护方针（因设计用户数据安全，不允许立法委员直接修改）。
-
-我们非常重视您的隐私。本隐私政策概述了我们收集的个人信息类型、使用方式以及我们采取的保护措施。
-
-## 5.1 信息收集
-
-我们仅在提供服务时收集必要的个人信息。这包括：
-
- 电子邮件
- 电话号码 *可选*
- 姓名 *可选*
- 地址 *可选*
- 出生日期 *可选*
- 性别 *可选*
- 互联网地址
- 设备标识符
- 用户行为数据
-
-## 5.2 信息使用
-
-我们使用您的个人信息来：
-
- 提供和我们的服务使用的必要数据
- 与您沟通相关条例更新或其他重要信息
- 分析服务提升我们服务的质量
-
-## 5.3 数据共享
-
-我们不会出售、交易您的个人信息。
-
-我们与我们的合作伙伴 Google Analytics 共享您部份的个人信息，这可能包括设备标识符和行为数据，来帮助我们分析和改进我们的服务，详见 [Google 的隐私政策](https://policies.google.com/privacy)。
-
-## 5.4 数据安全
-
-我们实施了强有力的安全措施（包括但不限于使用业界领先的加密算法，实行数据库密钥轮换政策等），以保护您的个人信息免受未经授权的访问、更改、披露或销毁。
-
-## 5.5 您的权利
-
-无论您的帐号被如何处罚，您一直有权：
-
- 访问我们持有的关于您的个人信息
- 请求更正您的个人信息
- 请求删除您的个人信息
--- a/eslint.config.js
+++ b/eslint.config.js
@ -0,0 +1,36 @@
+import js from '@eslint/js';
+import ts from 'typescript-eslint';
+import svelte from 'eslint-plugin-svelte';
+import prettier from 'eslint-config-prettier';
+import globals from 'globals';
+
+/** @type {import('eslint').Linter.FlatConfig[]} */
+export default [
+	js.configs.recommended,
+	...ts.configs.recommended,
+	...svelte.configs['flat/recommended'],
+	prettier,
+	...svelte.configs['flat/prettier'],
+	{
+		languageOptions: {
+			globals: {
+				...globals.browser,
+				...globals.node
+			}
+		}
+	},
+	{
+		files: ['**/*.svelte'],
+		languageOptions: {
+			parserOptions: {
+				parser: ts.parser
+			}
+		},
+		rules: {
+			'css-unused-selector': 'off',
+		},
+	},
+	{
+		ignores: ['build/', '.svelte-kit/', 'dist/']
+	},
+];
--- a/i18n.config.ts
+++ b/i18n.config.ts
@ -1,3 +0,0 @@
-export default defineI18nConfig(() => ({
-  fallbackLocale: 'en',
-}))
--- a/lang/en-US.json
+++ b/lang/en-US.json
@ -1,119 +0,0 @@
-{
-  "brandName": "Solsynth",
-  "brandNameFormal": "Solsynth LLC",
-  "navProducts": "Products",
-  "navActivity": "Activity",
-  "navActivityCaption": "Explore our official recent activities.",
-  "navGallery": "Gallery",
-  "navGalleryCaption": "Explore files that uploaded by Solar Network users.",
-  "navPosts": "Posts",
-  "navPostsCaption": "Explore posts that posted by Solar Network users.",
-  "navPostsCaptionWithTag": "Explore posts with tag {0}.",
-  "navPostsCaptionWithCategory": "Explore posts in category {0}.",
-  "navPostsCaptionWithPublisher": "Explore posts posted by {0}.",
-  "indexIntroduce": "An energetic software company that create wonderful software which everyone love.",
-  "indexProductListHint": "See some of our products just there",
-  "indexActivities": "Activities",
-  "indexActivitiesCaption": "Keep in touch,\nand learn what we doing recently.",
-  "indexActivitiesHint": "See some posts in our realm just here",
-  "userMenuDashboard": "Dashboard",
-  "userMenuSignOut": "Sign Out",
-  "userMenuSignIn": "Sign In",
-  "userMenuSignUp": "Create Account",
-  "next": "Next",
-  "errorOccurred": " Something went wrong... {0}",
-  "username": "Name",
-  "nickname": "Nick",
-  "email": "Email Address",
-  "password": "Password",
-  "copyright": "Copyright",
-  "signUpTitle": "Create an account",
-  "signUpCaption": "Create an account on Solar Network. Then enjoy all our services.",
-  "signUpCompleted": "You successfully created an account on Solar Network. Now sign in to your account and start exploring!",
-  "signUpCompletedAction": "Let's go!",
-  "signInTitle": "Sign In",
-  "signInCaption": "Sign in via your account to access the entire Solar Network.",
-  "multiFactorCaption": "We need to verify that the person trying to access your account is you.",
-  "multiFactorHint": "Check your inbox",
-  "multiFactorTypeEmail": "Email One-time-password",
-  "multiFactorTypePassword": "Password",
-  "signInCompleted": "All Done",
-  "signInCompletedCaption": "Welcome back! You just signed in right now! We're going to direct you to dashboard...",
-  "authorizeTitle": "Connect to third-party",
-  "authorizeCaption": "One Solar Network account, entire Internet.",
-  "authorizeErrorHint": "It's usually not our fault. Try bringing this link to give feedback to the developer of the app you came from.",
-  "authorizeRedirectHint": "After approve their request, you will be redirect to",
-  "authorizeCompleted": "Authorized",
-  "authorizeCompletedCaption": "You're done! We successfully established connection between you and {0}.",
-  "authorizeCompletedRedirect": "Now you can continue your their app, we will redirect you soon.",
-  "authorizeCompletedRedirectHint": "Teleporting you to...",
-  "decline": "Decline",
-  "approve": "Approve",
-  "transferredToSolianHint": "This part of the functionality has been transferred to our application Solian, please download it or open it in your browser. To learn more, please visit the project description page.",
-  "personalize": "Personalize",
-  "personalizeCaption": "Bring your own color to the Solar Network.",
-  "security": "Security",
-  "securityCaption": "Guard your Solar Network account.",
-  "userActivity": "Activity",
-  "userActivityCaption": "Recent posts of this user.",
-  "productArchived": "Archived",
-  "callbackHint": "You need to sign in before access that page. After you signed in, you will be redirected to:",
-  "lastUpdatedAt": "Last updated at {0}",
-  "learnMore": "Learn more",
-  "open": "Open",
-  "openInSite": "Open in Website",
-  "postReplies": "Replies",
-  "postRepliesCaption": "All replies of this post",
-  "language": "Language",
-  "embedWidget": "Solar Network Embed Widget",
-  "continueReading": "Continue Reading",
-  "download": "Download",
-  "downloadDescription": "Pick the right version for you",
-  "downloadSwitchPrerelease": "Switch to pre-release",
-  "downloadSwitchRelease": "Switch to regular release",
-  "downloadForApple": "Looking for iOS / macOS version?",
-  "downloadTestFlight": "TestFlight",
-  "downloadTestFlightDescription": "For pre-release version",
-  "downloadForDesktop": "Looking for desktop version?",
-  "downloadForDesktopDescription": "If the release does not contain the desktop version, you can still download the latest build from GitHub Action",
-  "downloadWithoutDownload": "Want have a try without downloading?",
-  "downloadWeb": "Web",
-  "downloadWebChina": "with China Mainland Optimized",
-  "attachmentUpload": "Upload new",
-  "attachmentCreate": "Create Attachment",
-  "attachmentCreateCaption": "Use Solar Network host your files",
-  "attachmentUploadProgress": "Uploading",
-  "attachmentUploadCompleted": "Uploaded",
-  "upload": "Upload",
-  "cancel": "Cancel",
-  "seeMore": "See more",
-  "solarNetworkDescription": "A open, free, and friendly social network.",
-  "solarNetworkBeforeYouStart": "Before you start",
-  "solarNetworkBeforeYouStartDescription": "Learn some culture and basics of Solar Network",
-  "solarNetworkFreedomOfSpeech": "Freedom of Speech",
-  "solarNetworkFreedomOfSpeechDescription": "While Solar Network protects your freedom of speech and does not manually delete posts, this does not mean you are not responsible for your words. Additionally, when the 'flag the post' feature is activated, your posts will be hidden from other users. We still encourage users to prioritize harmony and minimize conflicts.",
-  "solarNetworkConfirmAccount": "Confirm Account",
-  "solarNetworkConfirmAccountDescription": "After registering, please check your bound email for the account confirmation email. Otherwise, your account will be reclaimed within 24 hours, and during this period, no permissions will be assigned, affecting most functionalities.",
-  "solarNetworkNoImpersonation": "No Impersonation",
-  "solarNetworkNoImpersonationDescription": "Do not impersonate individuals either within or outside the platform, especially those with a certain level of recognition. Regardless of intent, if it causes misunderstanding among users, we reserve the right to take action on the relevant account and content.",
-  "solarNetworkReadDialog": "Read Error Messages",
-  "solarNetworkReadDialogDescription": "When encountering an error message, do not immediately take a screenshot and complain. Try to understand why the issue occurred. Then, seek help in the development channel or on GitHub instead of making complaint posts.",
-  "solarNetworkToS": "And, if you continue registering, means you accept our Terms & Conditions",
-  "solarNetworkToSCheck": "Check them out",
-  "solarNetworkFeat": "Features",
-  "solarNetworkFeatDescription": "Explore the core features of Solar Network",
-  "solarNetworkFeatDashboard": "Dashboard",
-  "solarNetworkFeatDashboardDescription": "A single place to information around the site, anytime, anywhere.",
-  "solarNetworkFeatExplore": "Explore",
-  "solarNetworkFeatExploreDescription": "Enjoy what you love, free from ads and algorithmic noise.",
-  "solarNetworkFeatChat": "Chat",
-  "solarNetworkFeatChatDescription": "Bridge distances, stay connected with friends and communities effortlessly.",
-  "solarNetworkFeatNews": "News",
-  "solarNetworkFeatNewsDescription": "Even without traveling afar, stay informed about the world's stories.",
-  "solarNetworkFeatStickers": "Stickers",
-  "solarNetworkFeatStickersDescription": "Express yourself beyond words with playful and vivid stickers.",
-  "solarNetworkFeatCompose": "Compose",
-  "solarNetworkFeatComposeDescription": "Write freely, speak boldly—your voice deserves to be heard.",
-  "solarNetworkJumpIn": "Jump into the community",
-  "solarNetworkNeedHelp": "Need help?"
-}
--- a/lang/zh-CN.json
+++ b/lang/zh-CN.json
@ -1,123 +0,0 @@
-{
-  "brandName": "索尔辛茨",
-  "brandNameFormal": "索尔辛茨实业有限公司",
-  "navProducts": "制品",
-  "navActivity": "动态",
-  "navActivityCaption": "了解我们官方近期的活动。",
-  "navGallery": "相簿",
-  "navGalleryCaption": "探索整个 Solar Network 上的文件。",
-  "navPosts": "帖子",
-  "navPostsCaption": "探索整个 Solar Network 上的帖子。",
-  "navPostsCaptionWithTag": "探索带有 {0} 标签的帖子",
-  "navPostsCaptionWithCategory": "探索被分类为 {0} 的帖子",
-  "navPostsCaptionWithPublisher": "探索 {0} 发表的帖子",
-  "indexIntroduce": "一家充满活力的软件公司，创造了人人喜爱的精彩软件。",
-  "indexProductListHint": "在这里看看我们的一些产品",
-  "indexActivities": "动态",
-  "indexActivitiesCaption": "开发软件，闭门造车是大忌，了解我们最近在做什么。",
-  "indexActivitiesHint": "看看我们领域中的一些帖子",
-  "userMenuDashboard": "仪表盘",
-  "userMenuSignOut": "登出",
-  "userMenuSignIn": "登陆",
-  "userMenuSignUp": "注册帐号",
-  "next": "下一步",
-  "errorOccurred": "发生错误了… {0}",
-  "username": "用户名",
-  "nickname": "显示名",
-  "email": "邮件地址",
-  "password": "密码",
-  "copyright": "版权所有",
-  "signUpTitle": "创建账号",
-  "signUpCaption": "在 Solar Network 上创建一个帐号，以享受我们所有的服务。",
-  "signUpCompleted": "您已成功创建 Solar Network 账户。现在登录您的账户，开始探索吧！",
-  "signUpCompletedAction": "出发",
-  "signInTitle": "登陆",
-  "signInCaption": "通过您的账户登录以访问整个 Solar Network。",
-  "multiFactorCaption": "我们需要验证试图访问您账户的人是您本人。",
-  "multiFactorHint": "检查您的收件箱",
-  "multiFactorTypeEmail": "电子邮件一次性密码",
-  "multiFactorTypePassword": "账号密码",
-  "signInCompleted": "完成",
-  "signInCompletedCaption": "欢迎回来！您刚刚登录成功！我们将引导您进入仪表板...",
-  "transferredToSolianHint": "此部分功能已转移到我们的应用程序 Solian，请下载或在浏览器中打开。如需了解更多信息，请访问项目描述页面。",
-  "personalize": "个性化",
-  "personalizeCaption": "为 Solar Network 染上你的色彩。",
-  "security": "安全",
-  "securityCaption": "保护您的 Solar Network 账户。",
-  "userActivity": "活动",
-  "userActivityCaption": "此用户的最新帖子。",
-  "productArchived": "已归档",
-  "callbackHint": "访问该页面前，您需要先登录。登录后，我们会将把您重定向到：",
-  "authorizeTitle": "连接到第三方",
-  "authorizeCaption": "一个 Solar Network 账户，连接整个互联网。",
-  "authorizeErrorHint": "通常这不是我们的错误。尝试将此链接反馈给您来源应用的开发者。",
-  "authorizeRedirectHint": "在批准他们的请求后，您将被重定向到",
-  "authorizeCompleted": "已授权",
-  "authorizeCompletedCaption": "完成！我们已成功在您与 {0} 之间建立连接。",
-  "authorizeCompletedRedirect": "现在您可以继续使用他们的应用，我们会很快将您重定向。",
-  "authorizeCompletedRedirectHint": "正在传送到…",
-  "decline": "拒绝",
-  "approve": "批准",
-  "lastUpdatedAt": "最后更新于 {0}",
-  "learnMore": "了解更多",
-  "open": "打开",
-  "openInSite": "在站点里打开",
-  "postReplies": "回复",
-  "postRepliesCaption": "该帖子的全部回复",
-  "language": "语言",
-  "embedWidget": "Solar Network 嵌入式组件",
-  "continueReading": "继续阅读",
-  "download": "下载",
-  "downloadDescription": "选择适合你的版本下载",
-  "downloadSwitchPrerelease": "切换至预发行版本",
-  "downloadSwitchRelease": "切换至稳定版本",
-  "downloadForApple": "使用 iOS / macOS 的设备？",
-  "downloadTestFlight": "测试飞机 (TestFlight)",
-  "downloadTestFlightDescription": "提供预发行版本",
-  "downloadForDesktop": "使用桌面设备？",
-  "downloadForDesktopDescription": "通常如果发行未包含桌面版本，你仍然可以从 GitHub Action 处下载最新的构建",
-  "downloadWithoutDownload": "想不下载尝试一下？",
-  "downloadWeb": "网页版",
-  "downloadWebChina": "中国大陆特供版本 (优化过的内容分发网络)",
-  "attachmentUpload": "新传附件",
-  "attachmentCreate": "新建附件",
-  "attachmentCreateCaption": "使用 Solar Network 来托管你的文件",
-  "attachmentUploadProgress": "上传中",
-  "attachmentUploadCompleted": "上传完成",
-  "upload": "上传",
-  "cancel": "取消",
-  "seeMore": "查看更多",
-  "solarNetworkDescription": "开放、包容、和谐",
-  "solarNetworkBeforeYouStart": "桥豆麻袋",
-  "solarNetworkBeforeYouStartDescription": "在你开始之前，了解一些关于 Solar Network 文化和常识",
-  "solarNetworkFreedomOfSpeech": "言论自由",
-  "solarNetworkFreedomOfSpeechDescription": "尽管 Solar Network 保护你的言论自由，不会手动对帖子进行删除。但是这不代表你可以对你的言论不负责。同时 Solar Network 上的「吹哨」功能生效时会对其他用户隐藏你的帖子。我们还是希望用户能以和为贵，少发生争吵。",
-  "solarNetworkConfirmAccount": "确认账户",
-  "solarNetworkConfirmAccountDescription": "在注册之后记得前往您绑定的邮件获取确认帐号的邮件，否则您的帐号会在 24 小时内被回收，并且期间不会分配权限，影响绝大部分功能使用。",
-  "solarNetworkNoImpersonation": "不要冒充他人",
-  "solarNetworkNoImpersonationDescription": "不要冒充在站内 / 站外的人物，对方有一定知名度的甚是。无论出发点如何，对用户造成了误解时我们保留权利处理相关帐号和内容。",
-  "solarNetworkReadDialog": "阅读错误提示",
-  "solarNetworkReadDialogDescription": "遇到报错提示不要第一时间截图抱怨，尝试理解为什么这件事情发生。其次在开发频道或 GitHub 寻求帮助，不要发帖抱怨。",
-  "solarNetworkToS": "还有，如果你继续注册 Solarpass 帐号，这意味着你同意我们的各项条款",
-  "solarNetworkToSCheck": "阅读这些条款",
-  "solarNetworkFeat": "特色功能",
-  "solarNetworkFeatDescription": "浏览 Solar Network 的一些核心功能",
-  "solarNetworkFeatDashboard": "冲浪板",
-  "solarNetworkFeatDashboardDescription": "一处汇聚万千动向，随时捕捉站内资讯。",
-  "solarNetworkFeatExplore": "探索",
-  "solarNetworkFeatExploreDescription": "不受广告与算法羁绊，纯粹欣赏你热爱的风景。",
-  "solarNetworkFeatChat": "聊天",
-  "solarNetworkFeatChatDescription": "超越时空阻隔，与朋友和社群自在畅谈，情感相连。",
-  "solarNetworkFeatNews": "新闻",
-  "solarNetworkFeatNewsDescription": "纵然足不出户，依然洞悉世间冷暖，知晓天下风云。",
-  "solarNetworkFeatStickers": "贴图",
-  "solarNetworkFeatStickersDescription": "一枚贴图，胜过千言万语，趣味横生，情感尽现。",
-  "solarNetworkFeatCompose": "撰写",
-  "solarNetworkFeatComposeDescription": "在无拘无束的天地间，自由书写，勇敢表达，世界在倾听。",
-  "solarNetworkHighlightPosts": "Solar Favorite",
-  "solarNetworkHighlightPostsDescription": "Solar Network 社区用户中精选出来的精华帖",
-  "solarNetworkJumpIn": "现在加入",
-  "solarNetworkNeedHelp": "需要寻求帮助？",
-  "askHelpContactUs": "联系我们",
-  "askHelpReadTheDocs": "阅读文档"
-}
--- a/layouts/creator-hub.vue
+++ b/layouts/creator-hub.vue
@ -1,47 +0,0 @@
-<template>
-  <v-app-bar flat color="primary" scroll-behavior="hide" scroll-threshold="800">
-    <v-container fluid class="mx-auto d-flex align-center justify-center px-8">
-      <v-app-bar-nav-icon @click="openDrawer = !openDrawer" />
-
-      <nuxt-link to="/creator" exact>
-        <h2>Creator Hub</h2>
-      </nuxt-link>
-
-      <v-spacer></v-spacer>
-
-      <locale-select />
-      <user-menu />
-    </v-container>
-  </v-app-bar>
-
-  <v-navigation-drawer v-model="openDrawer" location="left" width="300" floating>
-    <v-list density="compact" nav color="primary">
-      <v-list-item title="Back" prepend-icon="mdi-arrow-left" to="/" exact />
-    </v-list>
-
-    <v-divider class="border-opacity-50 my-1" />
-
-    <v-list density="compact" nav color="primary">
-      <v-list-item title="Stickers" prepend-icon="mdi-sticker-emoji" to="/creator/stickers" exact />
-    </v-list>
-
-    <v-divider class="border-opacity-50 mb-4 mt-1" />
-
-    <copyright no-centered service="capital" class="px-5" />
-
-    <footer-links class="px-5 mt-3" />
-  </v-navigation-drawer>
-
-  <v-main>
-    <slot />
-  </v-main>
-</template>
-
-<script setup lang="ts">
-const { t } = useI18n()
-const openDrawer = ref(false)
-
-useHead({
-  titleTemplate: "%s | Solsynth Creator Hub",
-})
-</script>
--- a/layouts/default.vue
+++ b/layouts/default.vue
@ -1,102 +0,0 @@
-<template>
-  <v-app-bar app flat color="surface" class="app-bar-blur">
-    <v-container fluid class="mx-auto d-flex align-center justify-center pr-8 relative">
-      <v-app-bar-nav-icon @click="openDrawer = !openDrawer" class="z-10" />
-
-      <nuxt-link to="/" exact class="z-10">
-        <h2 v-if="isLargeScreen">Solsynth LLC</h2>
-        <v-icon v-else icon="mdi-home" />
-      </nuxt-link>
-
-      <v-spacer></v-spacer>
-
-      <div class="absolute left-0 right-0 flex justify-center gap-2 w-screen">
-        <v-btn v-if="isLargeScreen" v-for="item in navItems" :to="item.to" exact :prepend-icon="item.icon">{{
-          t(item.title)
-        }}</v-btn>
-        <v-menu location="bottom center" v-else>
-          <template v-slot:activator="{ props }">
-            <v-btn v-bind="props" icon="mdi-dots-horizontal-circle" slim size="small" />
-          </template>
-          <v-list nav slim class="w-[280px]">
-            <v-list-item v-for="item in navItems" :to="item.to" :prepend-icon="item.icon">
-              <v-list-item-title>{{ t(item.title) }}</v-list-item-title>
-            </v-list-item>
-          </v-list>
-        </v-menu>
-      </div>
-
-      <v-spacer></v-spacer>
-
-      <locale-select class="z-10" />
-      <user-menu class="z-10" />
-    </v-container>
-  </v-app-bar>
-
-  <v-navigation-drawer v-model="openDrawer" location="left" width="300" temporary order="-1">
-    <v-list density="compact" nav color="primary">
-      <v-list-item title="Developer Portal" prepend-icon="mdi-code-tags" to="/dev" exact />
-      <v-list-item title="Creator Hub" prepend-icon="mdi-pencil" to="/creator" exact />
-    </v-list>
-
-    <v-divider class="border-opacity-50 my-1" />
-
-    <v-list density="compact" nav color="primary">
-      <v-list-item title="Code Repository" prepend-icon="mdi-git" href="https://git.solsynth.dev" target="_blank" />
-    </v-list>
-
-    <v-divider class="border-opacity-50 mb-4 mt-0.5" />
-
-    <copyright no-centered :service="['roadsign', 'capital']" class="px-5" />
-
-    <footer-links class="px-5 mt-3" />
-  </v-navigation-drawer>
-
-  <v-main>
-    <slot />
-  </v-main>
-</template>
-
-<script setup lang="ts">
-import { useBreakpoints, breakpointsVuetifyV3 } from "@vueuse/core"
-
-const { t } = useI18n()
-
-const openDrawer = ref(false)
-
-const breakpoints = useBreakpoints(breakpointsVuetifyV3)
-const isLargeScreen = computed(() => breakpoints.isGreaterOrEqual("md").valueOf())
-
-interface NavItem {
-  icon: string
-  title: string
-  to: string
-}
-
-const navItems: NavItem[] = [
-  {
-    icon: "mdi-shape",
-    title: "navProducts",
-    to: "/products",
-  },
-  {
-    icon: "mdi-note-text",
-    title: "navPosts",
-    to: "/posts",
-  },
-  {
-    icon: "mdi-image-multiple",
-    title: "navGallery",
-    to: "/gallery",
-  },
-]
-</script>
-
-<style lang="css" scoped>
-.app-bar-blur {
-  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0) 100%);
-  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0) 100%);
-  mask-repeat: no-repeat;
-  mask-size: 100%;
-}
-</style>
--- a/layouts/dev-portal.vue
+++ b/layouts/dev-portal.vue
@ -1,49 +0,0 @@
-<template>
-  <v-app-bar flat color="primary" scroll-behavior="hide" scroll-threshold="800">
-    <v-container fluid class="mx-auto d-flex align-center justify-center pr-8">
-      <v-app-bar-nav-icon @click="openDrawer = !openDrawer" />
-
-      <nuxt-link to="/dev" exact>
-        <h2>Developer Portal</h2>
-      </nuxt-link>
-
-      <v-spacer></v-spacer>
-
-      <locale-select />
-      <user-menu />
-    </v-container>
-  </v-app-bar>
-
-  <v-navigation-drawer v-model="openDrawer" location="left" width="300" floating>
-    <v-list density="compact" nav color="primary">
-      <v-list-item title="Back" prepend-icon="mdi-arrow-left" to="/" exact />
-    </v-list>
-
-    <v-divider class="border-opacity-50 my-1" />
-
-    <v-list density="compact" nav color="primary">
-      <v-list-item title="Bots" prepend-icon="mdi-robot" to="/dev/bots" exact />
-    </v-list>
-
-    <v-divider class="border-opacity-50 mb-4 mt-1" />
-
-    <copyright no-centered service="capital" class="px-5" />
-
-    <footer-links class="px-5 mt-3" />
-  </v-navigation-drawer>
-
-  <v-main>
-    <slot />
-  </v-main>
-</template>
-
-<script setup lang="ts">
-import Logo from "~/assets/logo-w-shadow.png"
-
-const { t } = useI18n()
-const openDrawer = ref(false)
-
-useHead({
-  titleTemplate: "%s | Solsynth Dev Portal",
-})
-</script>
--- a/layouts/minimal.vue
+++ b/layouts/minimal.vue
@ -1,24 +0,0 @@
-<template>
-  <v-system-bar flat color="primary" class="px-5 flex justify-center">
-    <v-btn icon="mdi-arrow-left" variant="text" color="white" size="x-small" class="mt-[2px]" @click="goBack" />
-    <h2 class="mt-1">Solsynth LLC</h2>
-
-    <v-spacer />
-  </v-system-bar>
-
-  <v-main>
-    <slot />
-  </v-main>
-</template>
-
-<script setup lang="ts">
-const router = useRouter()
-
-function goBack() {
-  if (window.history.length > 0) {
-    router.go(-1)
-  } else {
-    navigateTo("/")
-  }
-}
-</script>
--- a/middleware/auth.ts
+++ b/middleware/auth.ts
@ -1,7 +0,0 @@
-export default defineNuxtRouteMiddleware((to, from) => {
-  const state = useLoggedInState()
-
-  if (!state.value) {
-    return navigateTo(`/auth/sign-in?redirect_uri=${to.fullPath}`)
-  }
-})
--- a/middleware/redirectLocale.global.ts
+++ b/middleware/redirectLocale.global.ts
@ -1,6 +0,0 @@
-export default defineNuxtRouteMiddleware((to) => {
-  // No further supported path prefix localization
-  if (to.path.startsWith("/zh-CN")) {
-    return navigateTo(to.fullPath.replace("/zh-CN", ""))
-  }
-})
--- a/netifly.toml
+++ b/netifly.toml
@ -0,0 +1,3 @@
+[build]
+	command = "npm run build"
+	publish = "build"
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@ -1,179 +0,0 @@
-import vuetify, { transformAssetUrls } from "vite-plugin-vuetify"
-
-export default defineNuxtConfig({
-  devtools: { enabled: true },
-
-  site: {
-    url: "https://solsynth.dev",
-    name: "Solsynth LLC",
-  },
-  sitemap: {
-    strictNuxtContentPaths: true,
-    cacheMaxAgeSeconds: 3600,
-    sitemapsPathPrefix: "/sitemap",
-    sitemaps: {
-      pages: {
-        includeAppSources: true,
-        exclude: ["/flow/**"],
-        defaults: { priority: 0.8 },
-      },
-      posts: {
-        includeAppSources: false,
-        sources: ["/api/sitemap/posts"],
-      },
-    },
-  },
-
-  i18n: {
-    strategy: "no_prefix",
-    detectBrowserLanguage: {
-      useCookie: true,
-      cookieCrossOrigin: true,
-      cookieKey: "__capital_i18n",
-      redirectOn: "no prefix",
-    },
-    locales: [
-      { code: "en", name: "English", file: "en-US.json" },
-      { code: "zh-CN", name: "简体中文", file: "zh-CN.json" },
-    ],
-    lazy: true,
-    langDir: "lang",
-    defaultLocale: "en",
-  },
-
-  css: ["~/assets/index.css"],
-
-  runtimeConfig: {
-    public: {
-      siteUrl: "https://solsynth.dev",
-      solarRealm: "solar-network",
-      solarNetworkApi: "https://api.sn.solsynth.dev",
-      solianUrl: "https://sn.solsynth.dev",
-    },
-  },
-
-  routeRules: {
-    "/.well-known/**": {
-      proxy: "/api/well-known/**",
-    },
-  },
-
-  app: {
-    pageTransition: { name: "page", mode: "out-in" },
-    head: {
-      title: "Solsynth LLC",
-      titleTemplate: "%s | Solsynth",
-      meta: [],
-      link: [{ rel: "icon", type: "image/png", href: "/icon.png" }],
-    },
-  },
-
-  content: {
-    api: {
-      baseURL: "/api/content",
-    },
-    highlight: {
-      theme: { default: "github-light", dark: "github-dark" },
-      langs: [
-        "json",
-        "yaml",
-        "toml",
-        "java",
-        "javascript",
-        "astro",
-        "css",
-        "scss",
-        "dart",
-        "go",
-        "typescript",
-        "c",
-        "csharp",
-        "cpp",
-        "bat",
-        "bash",
-        "sh",
-        "dockerfile",
-        "erlang",
-        "fsharp",
-        "markdown",
-        "log",
-        "lua",
-        "objc",
-        "swift",
-        "regex",
-        "ruby",
-        "rust",
-        "postcss",
-        "blade",
-        "asciidoc",
-        "cmake",
-        "cobol",
-        "pascal",
-        "nginx",
-        "angular-html",
-        "angular-ts",
-        "gdscript",
-        "gdshader",
-        "gdresource",
-        "groovy",
-        "gql",
-        "python",
-        "crystal",
-        "sql",
-        "plsql",
-        "kotlin",
-        "html",
-        "vue",
-        "gleam",
-        "julia",
-        "lisp",
-        "xml",
-        "csv",
-      ],
-    },
-    locales: ["en", "zh-CN"],
-    defaultLocale: "en",
-  },
-
-  pinia: {
-    storesDirs: ["./stores/**"],
-  },
-
-  build: {
-    transpile: ["vuetify"],
-  },
-
-  umami: {
-    id: "eef151fb-07e2-461b-8b7f-2547aab735d4",
-    host: "https://us.umami.is",
-    autoTrack: true,
-  },
-
-  modules: [
-    "@unocss/nuxt",
-    "@nuxt/content",
-    "@nuxt/image",
-    "@nuxtjs/sitemap",
-    "@pinia/nuxt",
-    "@nuxtjs/i18n",
-    "nuxt-schema-org",
-    "@vueuse/motion/nuxt",
-    "nuxt-umami",
-    (_options, nuxt) => {
-      nuxt.hooks.hook("vite:extendConfig", (config) => {
-        // @ts-expect-error
-        config.plugins.push(vuetify({ autoImport: true }))
-      })
-    },
-  ],
-
-  vite: {
-    vue: {
-      template: {
-        transformAssetUrls,
-      },
-    },
-  },
-
-  compatibilityDate: "2024-08-10",
-})
--- a/package.json
+++ b/package.json
@ -1,45 +1,59 @@
 {
-  "name": "nuxt-app",
-  "private": true,
-  "type": "module",
+  "name": "capital",
+  "version": "0.0.1",
  "scripts": {
-    "build": "nuxt build",
-    "dev": "nuxt dev",
-    "generate": "nuxt generate",
-    "preview": "nuxt preview",
-    "postinstall": "nuxt prepare"
+    "dev": "vite dev",
+    "build": "vite build && npm run package",
+    "preview": "vite preview",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "prepublishOnly": "npm run package",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "prettier --check . && eslint .",
+    "format": "prettier --write ."
  },
-  "dependencies": {
-    "@mdi/font": "^7.4.47",
-    "@nuxt/content": "^2.13.4",
-    "@nuxt/image": "^1.9.0",
-    "@nuxt/kit": "^3.16.0",
-    "@nuxtjs/i18n": "^8.5.6",
-    "@nuxtjs/sitemap": "^6.1.5",
-    "@octokit/rest": "^21.1.1",
-    "@pinia/nuxt": "^0.5.5",
-    "@vueuse/core": "^13.0.0",
-    "@vueuse/motion": "^3.0.3",
-    "feed": "^4.2.2",
-    "nuxt": "^3.16.0",
-    "nuxt-gtag": "^2.1.0",
-    "nuxt-schema-org": "^3.5.0",
-    "nuxt-umami": "3.2.0",
-    "pinia": "^2.3.1",
-    "rehype-sanitize": "^6.0.0",
-    "rehype-stringify": "^10.0.1",
-    "remark": "^15.0.1",
-    "remark-parse": "^11.0.0",
-    "remark-rehype": "^11.1.1",
-    "unhead": "1.9.0",
-    "unified": "^11.0.5",
-    "vue": "^3.5.13"
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "peerDependencies": {
+    "svelte": "^4.0.0"
  },
  "devDependencies": {
-    "@unocss/nuxt": "^0.61.9",
-    "@unocss/preset-typography": "^0.61.9",
-    "@unocss/reset": "^0.61.9",
-    "vite-plugin-vuetify": "^2.1.0",
-    "vuetify": "^3.7.16"
-  }
+    "@sveltejs/adapter-auto": "^3.0.0",
+    "@sveltejs/adapter-netlify": "^4.2.0",
+    "@sveltejs/enhanced-img": "^0.2.1",
+    "@sveltejs/kit": "^2.0.0",
+    "@sveltejs/package": "^2.0.0",
+    "@sveltejs/vite-plugin-svelte": "^3.0.0",
+    "@tailwindcss/typography": "^0.5.13",
+    "@types/eslint": "^8.56.7",
+    "autoprefixer": "^10.4.19",
+    "daisyui": "^4.12.2",
+    "eslint": "^9.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-svelte": "^2.36.0",
+    "globals": "^15.0.0",
+    "postcss": "^8.4.38",
+    "prettier": "^3.1.1",
+    "prettier-plugin-svelte": "^3.1.2",
+    "publint": "^0.1.9",
+    "svelte": "^4.2.7",
+    "svelte-check": "^3.6.0",
+    "tailwindcss": "^3.4.4",
+    "tslib": "^2.4.1",
+    "typescript": "^5.0.0",
+    "typescript-eslint": "^8.0.0-alpha.20",
+    "vite": "^5.0.11"
+  },
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module"
 }
--- a/pages/auth/authorize.vue
+++ b/pages/auth/authorize.vue
@ -1,154 +0,0 @@
-<template>
-  <v-container class="h-screen flex flex-col gap-3 items-center justify-center">
-    <v-card class="w-full max-w-[720px] overflow-auto" :loading="loading">
-      <v-card-text class="card-grid pa-9">
-        <div>
-          <v-avatar color="accent" icon="mdi-connection" size="large" class="card-rounded mb-2" />
-          <h1 class="text-2xl">{{ t("authorizeTitle") }}</h1>
-          <p>{{ t("authorizeCaption") }}</p>
-        </div>
-
-        <v-window :touch="false" :model-value="panel" class="pa-2 mx-[-0.5rem]">
-          <v-window-item value="confirm">
-            <div class="flex flex-col gap-2">
-              <v-expand-transition>
-                <v-alert v-show="error" variant="tonal" type="error" class="text-xs mb-3">
-                  <p>{{ t("errorOccurred", [error]) }}</p>
-                  <br />
-
-                  <p class="font-bold">
-                    {{ t("authorizeErrorHint") }}
-                  </p>
-                </v-alert>
-              </v-expand-transition>
-
-              <div v-if="!error">
-                <h1 class="font-bold text-xl">{{ metadata?.name ?? "Loading" }}</h1>
-                <p>{{ metadata?.description ?? "Hold on a second please!" }}</p>
-
-                <div class="mt-3">
-                  <div class="mt-5 flex justify-between">
-                    <v-btn prepend-icon="mdi-close" variant="text" color="error" :disabled="loading" @click="decline">
-                      {{ t("decline") }}
-                    </v-btn>
-                    <v-btn append-icon="mdi-check" variant="tonal" color="success" :disabled="loading" @click="approve">
-                      {{ t("approve") }}
-                    </v-btn>
-                  </div>
-
-                  <div class="mt-5 text-xs text-center opacity-75">
-                    <p>{{ t("authorizeRedirectHint") }}</p>
-                    <p class="text-mono">{{ route.query["redirect_uri"] }}</p>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </v-window-item>
-
-          <v-window-item value="callback">
-            <div>
-              <v-icon icon="mdi-fire" size="32" color="grey-darken-3" class="mb-3" />
-
-              <h1 class="font-bold text-xl">{{ t("authorizeCompleted") }}</h1>
-              <p>{{ t("authorizeCompletedCaption", [metadata?.name]) }}</p>
-
-              <p class="mt-3">{{ t("authorizeCompletedRedirect") }}</p>
-
-              <p class="mt-3">{{ t("authorizeCompletedRedirectHint") }}</p>
-              <p class="text-xs text-mono">{{ route.query["redirect_uri"] }}</p>
-            </div>
-          </v-window-item>
-        </v-window>
-      </v-card-text>
-    </v-card>
-
-    <copyright service="passport" />
-  </v-container>
-</template>
-
-<script setup lang="ts">
-import { solarFetch } from "~/utils/request"
-
-definePageMeta({
-  middleware: ["auth"],
-})
-
-const { t } = useI18n()
-const route = useRoute()
-
-const error = ref<string | null>(null)
-const loading = ref(true)
-
-const metadata = ref<any>(null)
-
-const panel = ref("confirm")
-
-async function tryAuthorize() {
-  loading.value = true
-
-  const res = await solarFetch(`/cgi/id/auth/o/authorize${window.location.search}`)
-
-  if (res.status !== 200) {
-    error.value = await res.text()
-  } else {
-    const data = await res.json()
-
-    if (data["ticket"]) {
-      panel.value = "callback"
-      callback(data["ticket"])
-    } else {
-      metadata.value = data["client"]
-      loading.value = false
-    }
-  }
-}
-
-onMounted(() => tryAuthorize())
-
-function decline() {
-  if (window.history.length > 0) {
-    window.history.back()
-  } else {
-    window.close()
-  }
-}
-
-async function approve() {
-  loading.value = true
-  const res = await solarFetch(`/cgi/id/auth/o/authorize${window.location.search}`, {
-    method: "POST",
-  })
-
-  if (res.status !== 200) {
-    error.value = await res.text()
-    loading.value = false
-  } else {
-    const data = await res.json()
-    panel.value = "callback"
-    setTimeout(() => callback(data["ticket"]), 1850)
-  }
-}
-
-function callback(ticket: any) {
-  const url = `${route.query["redirect_uri"]}?code=${ticket["grant_token"]}&state=${route.query["state"]}`
-  window.open(url, "_self")
-}
-</script>
-
-<style scoped>
-.card-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 1rem;
-}
-
-@media (max-width: 768px) {
-  .card-grid {
-    grid-template-columns: 1fr;
-  }
-}
-
-.card-rounded {
-  border-radius: 8px;
-}
-</style>
--- a/pages/auth/sign-in.vue
+++ b/pages/auth/sign-in.vue
@ -1,112 +0,0 @@
-<template>
-  <v-container class="h-[calc(100vh-80px)] flex flex-col gap-3 items-center justify-center">
-    <auth-callback-hint />
-
-    <v-card class="w-full max-w-[720px] overflow-auto" :loading="loading">
-      <v-card-text class="card-grid pa-9">
-        <div>
-          <v-avatar color="accent" icon="mdi-login-variant" size="large" class="card-rounded mb-2" />
-          <h1 class="text-2xl">{{ t("signInTitle") }}</h1>
-          <p v-if="ticket" class="max-w-5/6">{{ t("multiFactorCaption") }}</p>
-          <p v-else class="max-w-5/6">{{ t("signInCaption") }}</p>
-        </div>
-
-        <v-window :touch="false" :model-value="panel" class="pa-2 mx-[-0.5rem]">
-          <v-window-item v-for="(k, idx) in Object.keys(panels)" :key="idx" :value="k">
-            <component
-              :is="panels[k]"
-              @swap="(val: string) => (panel = val)"
-              v-model:loading="loading"
-              v-model:currentFactor="currentFactor"
-              v-model:ticket="ticket"
-            />
-          </v-window-item>
-        </v-window>
-      </v-card-text>
-    </v-card>
-
-    <copyright service="passport" />
-  </v-container>
-</template>
-
-<script setup lang="ts">
-import { type Component, onMounted, ref } from "vue"
-import FactorPicker from "~/components/auth/FactorPicker.vue"
-import FactorApplicator from "~/components/auth/FactorApplicator.vue"
-import AccountAuthenticate from "~/components/auth/Authenticate.vue"
-import AuthenticateCompleted from "~/components/auth/AuthenticateCompleted.vue"
-
-const { t } = useI18n()
-
-useHead({
-  title: t("signInTitle"),
-})
-
-const route = useRoute()
-
-const loading = ref(false)
-
-const currentFactor = ref<any>(null)
-const ticket = ref<any>(null)
-
-async function pickUpTicket() {
-  if (route.query["ticketId"]) {
-    loading.value = true
-    const res = await fetch(`/api/auth/tickets/${route.query["ticketId"]}`)
-    if (res.status == 200) {
-      ticket.value = await res.json()
-      if (ticket.value["available_at"] != null) panel.value = "completed"
-      else panel.value = "mfa"
-    }
-    loading.value = false
-  }
-}
-
-onMounted(() => pickUpTicket())
-
-const id = useUserinfo()
-const router = useRouter()
-
-watch(
-  id,
-  (value) => {
-    if (value.isLoggedIn) {
-      if (route.query["close"]) {
-        window.close()
-      } else if (route.query["redirect_uri"]) {
-        window.open((route.query["redirect_uri"] as string) ?? "/", "_self")
-      } else {
-        router.push("/users/me")
-      }
-    }
-  },
-  { deep: true, immediate: true },
-)
-
-const panel = ref("authenticate")
-
-const panels: { [id: string]: Component } = {
-  authenticate: AccountAuthenticate,
-  mfa: FactorPicker,
-  applicator: FactorApplicator,
-  completed: AuthenticateCompleted,
-}
-</script>
-
-<style scoped>
-.card-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 1rem;
-}
-
-@media (max-width: 768px) {
-  .card-grid {
-    grid-template-columns: 1fr;
-  }
-}
-
-.card-rounded {
-  border-radius: 8px;
-}
-</style>
--- a/pages/auth/sign-up.vue
+++ b/pages/auth/sign-up.vue
@ -1,166 +0,0 @@
-<template>
-  <v-container class="h-[calc(100vh-80px)] flex flex-col gap-3 items-center justify-center">
-    <auth-callback-hint />
-
-    <v-card class="w-full max-w-[720px] overflow-auto" :loading="loading">
-      <v-card-text class="card-grid pa-9">
-        <div>
-          <v-avatar color="accent" icon="mdi-login-variant" size="large" class="card-rounded mb-2" />
-          <h1 class="text-2xl">{{ t("signUpTitle") }}</h1>
-          <p class="max-w-5/6">{{ t("signUpCaption") }}</p>
-        </div>
-
-        <div class="flex items-center">
-          <v-form class="flex-grow-1" @submit.prevent="submit">
-            <v-row dense class="mb-3">
-              <v-col :cols="6">
-                <v-text-field
-                  hide-details
-                  :label="t('username')"
-                  autocomplete="username"
-                  variant="solo"
-                  density="comfortable"
-                  v-model="data.name"
-                />
-              </v-col>
-              <v-col :cols="6">
-                <v-text-field
-                  hide-details
-                  :label="t('nickname')"
-                  autocomplete="nickname"
-                  variant="solo"
-                  density="comfortable"
-                  v-model="data.nick"
-                />
-              </v-col>
-              <v-col :cols="12">
-                <v-text-field
-                  hide-details
-                  :label="t('email')"
-                  type="email"
-                  variant="solo"
-                  density="comfortable"
-                  v-model="data.email"
-                />
-              </v-col>
-              <v-col :cols="12">
-                <v-text-field
-                  hide-details
-                  :label="t('password')"
-                  type="password"
-                  autocomplete="new-password"
-                  variant="solo"
-                  density="comfortable"
-                  v-model="data.password"
-                />
-              </v-col>
-            </v-row>
-
-            <v-expand-transition>
-              <v-alert v-show="error" variant="tonal" type="error" class="text-xs mb-3">
-                {{ t("errorOccurred", [error]) }}
-              </v-alert>
-            </v-expand-transition>
-
-            <div class="flex justify-between">
-              <v-btn type="button" variant="plain" color="grey-darken-3" to="/auth/sign-in">
-                {{ t("userMenuSignIn") }}
-              </v-btn>
-
-              <v-btn type="submit" variant="text" color="primary" append-icon="mdi-arrow-right" :disabled="loading">
-                {{ t("next") }}
-              </v-btn>
-            </div>
-          </v-form>
-        </div>
-      </v-card-text>
-    </v-card>
-
-    <v-dialog v-model="done" class="max-w-[560px]">
-      <v-card title="Congratulations">
-        <template #text>
-          {{ t("signUpCompleted") }}
-        </template>
-        <template #actions>
-          <div class="flex flex-grow-1 justify-end">
-            <v-btn @click="callback">{{ t("signUpCompletedAction") }}</v-btn>
-          </div>
-        </template>
-      </v-card>
-    </v-dialog>
-
-    <copyright service="passport" />
-  </v-container>
-</template>
-
-<script setup lang="ts">
-import { ref } from "vue"
-import { useRoute, useRouter } from "vue-router"
-
-const error = ref<string | null>(null)
-
-const { t } = useI18n()
-const config = useRuntimeConfig()
-
-useHead({
-  title: t('signUpTitle'),
-})
-
-const route = useRoute()
-const router = useRouter()
-
-const done = ref(false)
-const loading = ref(false)
-
-const data = ref({
-  name: "",
-  nick: "",
-  email: "",
-  password: "",
-})
-
-async function submit() {
-  const payload = data.value
-  if (!payload.name || !payload.nick || !payload.email || !payload.password) return
-
-  loading.value = true
-  const res = await fetch(`${config.public.solarNetworkApi}/cgi/id/users`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify(payload),
-  })
-  if (res.status !== 200) {
-    error.value = await res.text()
-  } else {
-    done.value = true
-    error.value = null
-  }
-  loading.value = false
-}
-
-function callback() {
-  if (route.params["closable"]) {
-    window.close()
-  } else {
-    router.push("/auth/sign-in")
-  }
-}
-</script>
-
-<style scoped>
-.card-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 1rem;
-}
-
-@media (max-width: 768px) {
-  .card-grid {
-    grid-template-columns: 1fr;
-  }
-}
-
-.card-rounded {
-  border-radius: 8px;
-}
-</style>
--- a/pages/creator/index.vue
+++ b/pages/creator/index.vue
@ -1,24 +0,0 @@
-<template>
-  <v-container fluid class="h-[calc(100vh-80px)] flex flex-col justify-center items-center text-center">
-    <v-icon icon="mdi-brush" size="64" />
-    <div class="text-2xl">Hello, creator!</div>
-    <div class="max-w-[320px]">Switch page using navigator above to get start creating contents on Solar Network.</div>
-
-    <div class="text-xs font-mono text-grey mt-5">
-      @{{ auth.userinfo?.name }} · {{ auth.userinfo?.id.toString().padStart(8, "0") }}
-    </div>
-  </v-container>
-</template>
-
-<script setup lang="ts">
-definePageMeta({
-  layout: "creator-hub",
-  middleware: ["auth"],
-})
-
-useHead({
-  title: "Landing",
-})
-
-const auth = useUserinfo()
-</script>
--- a/pages/creator/stickers/[id]/[sticker]/edit.vue
+++ b/pages/creator/stickers/[id]/[sticker]/edit.vue
@ -1,181 +0,0 @@
-<template>
-  <v-container class="px-12">
-    <div class="flex justify-between items-center mt-5">
-      <div class="flex items-end gap-2">
-        <h1 class="text-2xl">Edit sticker: {{ data?.name ?? "Loading" }}</h1>
-      </div>
-
-      <div class="flex gap-2">
-        <v-btn
-          color="grey"
-          text="Cancel"
-          prepend-icon="mdi-arrow-left"
-          variant="tonal"
-          to="/creator/stickers"
-        />
-      </div>
-    </div>
-
-    <v-expand-transition>
-      <v-alert v-if="error" variant="tonal" type="error" class="text-xs mt-5 mb-3">
-        {{ t("errorOccurred", [error]) }}
-      </v-alert>
-    </v-expand-transition>
-
-    <v-form class="mt-5" @submit.prevent="submit">
-      <v-row>
-        <v-col cols="12">
-          <v-card title="Pack info" prepend-icon="mdi-sticker-emoji" density="compact">
-            <v-card-text class="mt-2">
-              <p class="text-lg"><b>{{ pack?.name ?? "Loading..." }}</b></p>
-              <p>{{ pack?.description ?? "Please stand by..." }}</p>
-            </v-card-text>
-          </v-card>
-        </v-col>
-        <v-col cols="12" md="6">
-          <v-text-field
-            label="Name"
-            name="name"
-            variant="outlined"
-            persistent-hint
-            hint="A human friendly name for user to recognize this sticker"
-            v-model="stickerName"
-          />
-        </v-col>
-        <v-col cols="12" md="6">
-          <v-text-field
-            label="Alias"
-            name="alias"
-            variant="outlined"
-            persistent-hint
-            hint="A placeholder of this sticker, will prepend pack's prefix"
-            v-model="stickerAlias"
-          >
-            <template #prepend-inner>
-              <p class="ms-1 me-[-5px] text-grey">{{ pack?.prefix }}</p>
-            </template>
-          </v-text-field>
-        </v-col>
-        <v-col cols="12">
-          <v-text-field
-            label="Attachment"
-            name="attachment_id"
-            variant="outlined"
-            persistent-hint
-            v-model="attachmentRid"
-          >
-            <template #details>
-              <p class="order-first v-messages">
-                The texture / image of this sticker, you can upload one from
-                <nuxt-link to="/gallery/new?pool=c3RpY2tlcg" target="_blank" class="underline">here</nuxt-link>
-              </p>
-            </template>
-
-            <template #prepend-inner>
-              <v-img
-                cover
-                aspect-ratio="1"
-                width="28"
-                height="28"
-                color="grey-lighten-2"
-                rounded="sm"
-                :src="attachmentRid.length > 0 ? `${config.public.solarNetworkApi}/cgi/uc/attachments/${attachmentRid}` : `example.com/not-found`"
-              >
-                <template #placeholder>
-                  <div class="d-flex align-center justify-center fill-height" v-if="attachmentRid.length > 0">
-                    <v-progress-circular
-                      size="x-small"
-                      width="3"
-                      color="grey-lighten-4"
-                      indeterminate
-                    ></v-progress-circular>
-                  </div>
-                  <div class="d-flex align-center justify-center fill-height" v-else>
-                    <v-icon icon="mdi-image-broken-variant" class="block" size="18" />
-                  </div>
-                </template>
-              </v-img>
-            </template>
-          </v-text-field>
-        </v-col>
-      </v-row>
-
-      <div class="flex justify-end">
-        <v-btn type="submit" text="Save changes" append-icon="mdi-content-save" :disabled="data == null"
-               :loading="submitting" />
-      </div>
-    </v-form>
-  </v-container>
-</template>
-
-<script setup lang="ts">
-definePageMeta({
-  layout: "creator-hub",
-  middleware: ["auth"],
-})
-
-useHead({
-  title: "Edit Sticker",
-})
-
-
-const { t } = useI18n()
-const route = useRoute()
-const config = useRuntimeConfig()
-
-const data = ref<any>(null)
-const pack = ref<any>(null)
-
-const attachmentRid = ref<string>("")
-const stickerName = ref<string>("")
-const stickerAlias = ref<string>("")
-
-async function readPack() {
-  const res = await solarFetch(`/cgi/uc/stickers/packs/${route.params.id}`)
-  if (res.status != 200) {
-    error.value = await res.text()
-  } else {
-    pack.value = await res.json()
-  }
-}
-
-async function readSticker() {
-  const res = await solarFetch(`/cgi/uc/stickers/${route.params.sticker}`)
-  if (res.status != 200) {
-    error.value = await res.text()
-  } else {
-    data.value = await res.json()
-    stickerName.value = data.value?.name
-    stickerAlias.value = data.value?.alias
-    attachmentRid.value = data.value?.attachment.rid
-  }
-}
-
-onMounted(() => Promise.all([readPack(), readSticker()]))
-
-const error = ref<null | string>(null)
-const submitting = ref(false)
-
-async function submit(evt: SubmitEvent) {
-  const data = Object.fromEntries(new FormData(evt.target as HTMLFormElement).entries())
-  if (!data.name) return
-
-  submitting.value = true
-
-  const res = await solarFetch(`/cgi/uc/stickers/${route.params.sticker}`, {
-    method: "PUT",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({
-      pack_id: parseInt(route.params.id.toString()),
-      ...data,
-    }),
-  })
-  if (res.status != 200) {
-    error.value = await res.text()
-  } else {
-    navigateTo("/creator/stickers")
-  }
-
-  submitting.value = false
-}
-</script>
--- a/pages/creator/stickers/[id]/edit.vue
+++ b/pages/creator/stickers/[id]/edit.vue
@ -1,118 +0,0 @@
-<template>
-  <v-container class="px-12">
-    <div class="flex justify-between items-center mt-5">
-      <div class="flex items-end gap-2">
-        <h1 class="text-2xl">Edit sticker pack: {{ data?.name ?? "Loading" }}</h1>
-      </div>
-
-      <div class="flex gap-2">
-        <v-btn
-          color="grey"
-          text="Cancel"
-          prepend-icon="mdi-arrow-left"
-          variant="tonal"
-          to="/creator/stickers"
-        />
-      </div>
-    </div>
-
-    <v-expand-transition>
-      <v-alert v-if="error" variant="tonal" type="error" class="text-xs mt-5 mb-3">
-        {{ t("errorOccurred", [error]) }}
-      </v-alert>
-    </v-expand-transition>
-
-    <v-form class="mt-5" @submit.prevent="submit">
-      <v-row>
-        <v-col cols="12" md="6">
-          <v-text-field
-            label="Name"
-            name="name"
-            variant="outlined"
-            persistent-hint
-            hint="A human friendly name for user to recognize this sticker pack"
-            :model-value="data?.name"
-          />
-        </v-col>
-        <v-col cols="12" md="6">
-          <v-text-field
-            label="Prefix"
-            name="prefix"
-            variant="outlined"
-            persistent-hint
-            hint="A prefix for every sticker in this pack, will add before sticker's alias"
-            :model-value="data?.prefix"
-          />
-        </v-col>
-        <v-col cols="12">
-          <v-textarea
-            auto-grow
-            rows="3"
-            label="Description"
-            name="description"
-            variant="outlined"
-            persistent-hint
-            hint="A description for user to know about this sticker pack"
-            :model-value="data?.description"
-          />
-        </v-col>
-      </v-row>
-
-      <div class="flex justify-end">
-        <v-btn type="submit" text="Save changes" append-icon="mdi-content-save" :disabled="data == null"
-               :loading="submitting" />
-      </div>
-    </v-form>
-  </v-container>
-</template>
-
-<script setup lang="ts">
-definePageMeta({
-  layout: "creator-hub",
-  middleware: ["auth"],
-})
-
-useHead({
-  title: "Edit Sticker Pack",
-})
-
-
-const { t } = useI18n()
-const route = useRoute()
-
-const data = ref<any>(null)
-
-async function readPack() {
-  const res = await solarFetch(`/cgi/uc/stickers/packs/${route.params.id}`)
-  if (res.status != 200) {
-    error.value = await res.text()
-  } else {
-    data.value = await res.json()
-  }
-}
-
-onMounted(() => readPack())
-
-const error = ref<null | string>(null)
-const submitting = ref(false)
-
-async function submit(evt: SubmitEvent) {
-  const data = Object.fromEntries(new FormData(evt.target as HTMLFormElement).entries())
-  if (!data.name) return
-
-  submitting.value = true
-
-  const res = await solarFetch(`/cgi/uc/stickers/packs/${route.params.id}`, {
-    method: "PUT",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify(data),
-  })
-  if (res.status != 200) {
-    error.value = await res.text()
-  } else {
-    navigateTo("/creator/stickers")
-  }
-
-  submitting.value = false
-}
-</script>
--- a/pages/creator/stickers/[id]/new.vue
+++ b/pages/creator/stickers/[id]/new.vue
@ -1,158 +0,0 @@
-<template>
-  <v-container class="px-12">
-    <div class="flex justify-between items-center mt-5">
-      <div class="flex items-end gap-2">
-        <h1 class="text-2xl">Create a new sticker</h1>
-      </div>
-
-      <div class="flex gap-2">
-        <v-btn
-          color="grey"
-          text="Cancel"
-          prepend-icon="mdi-arrow-left"
-          variant="tonal"
-          to="/creator/stickers"
-        />
-      </div>
-    </div>
-
-    <v-expand-transition>
-      <v-alert v-if="error" variant="tonal" type="error" class="text-xs mt-5 mb-3">
-        {{ t("errorOccurred", [error]) }}
-      </v-alert>
-    </v-expand-transition>
-
-    <v-form class="mt-5" @submit.prevent="submit">
-      <v-row>
-        <v-col cols="12">
-          <v-card title="Pack info" prepend-icon="mdi-sticker-emoji" density="compact">
-            <v-card-text class="mt-2">
-              <p class="text-lg"><b>{{ data?.name ?? "Loading..." }}</b></p>
-              <p>{{ data?.description ?? "Please stand by..." }}</p>
-            </v-card-text>
-          </v-card>
-        </v-col>
-        <v-col cols="12" md="6">
-          <v-text-field
-            label="Name"
-            name="name"
-            variant="outlined"
-            persistent-hint
-            hint="A human friendly name for user to recognize this sticker"
-          />
-        </v-col>
-        <v-col cols="12" md="6">
-          <v-text-field
-            label="Alias"
-            name="alias"
-            variant="outlined"
-            persistent-hint
-            hint="A placeholder of this sticker, will prepend pack's prefix"
-          />
-        </v-col>
-        <v-col cols="12">
-          <v-text-field
-            label="Attachment"
-            name="attachment_id"
-            variant="outlined"
-            persistent-hint
-            v-model="attachmentRid"
-          >
-            <template #details>
-              <p class="order-first v-messages">
-                The texture / image of this sticker, you can upload one from
-                <nuxt-link to="/gallery/new?pool=c3RpY2tlcg" target="_blank" class="underline">here</nuxt-link>
-              </p>
-            </template>
-
-            <template #prepend-inner>
-              <v-img
-                cover
-                aspect-ratio="1"
-                width="28"
-                height="28"
-                color="grey-lighten-2"
-                rounded="sm"
-                :src="attachmentRid.length > 0 ? `${config.public.solarNetworkApi}/cgi/uc/attachments/${attachmentRid}` : `example.com/not-found`"
-              >
-                <template #placeholder>
-                  <div class="d-flex align-center justify-center fill-height" v-if="attachmentRid.length > 0">
-                    <v-progress-circular
-                      size="x-small"
-                      width="3"
-                      color="grey-lighten-4"
-                      indeterminate
-                    ></v-progress-circular>
-                  </div>
-                  <div class="d-flex align-center justify-center fill-height" v-else>
-                    <v-icon icon="mdi-image-broken-variant" class="block" size="18"/>
-                  </div>
-                </template>
-              </v-img>
-            </template>
-          </v-text-field>
-        </v-col>
-      </v-row>
-
-      <div class="flex justify-end">
-        <v-btn type="submit" text="Create" append-icon="mdi-plus" :disabled="data == null" :loading="submitting" />
-      </div>
-    </v-form>
-  </v-container>
-</template>
-
-<script setup lang="ts">
-definePageMeta({
-  layout: "creator-hub",
-  middleware: ["auth"],
-})
-
-useHead({
-  title: "New Sticker",
-})
-
-const { t } = useI18n()
-const route = useRoute()
-const config = useRuntimeConfig()
-
-const attachmentRid = ref<string>("")
-
-const data = ref<any>(null)
-
-async function readPack() {
-  const res = await solarFetch(`/cgi/uc/stickers/packs/${route.params.id}`)
-  if (res.status != 200) {
-    error.value = await res.text()
-  } else {
-    data.value = await res.json()
-  }
-}
-
-onMounted(() => readPack())
-
-const error = ref<null | string>(null)
-const submitting = ref(false)
-
-async function submit(evt: SubmitEvent) {
-  const data = Object.fromEntries(new FormData(evt.target as HTMLFormElement).entries())
-  if (!data.name) return
-
-  submitting.value = true
-
-  const res = await solarFetch("/cgi/uc/stickers", {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({
-      pack_id: parseInt(route.params.id.toString()),
-      ...data,
-    }),
-  })
-  if (res.status != 200) {
-    error.value = await res.text()
-  } else {
-    navigateTo("/creator/stickers")
-  }
-
-  submitting.value = false
-}
-</script>
--- a/pages/creator/stickers/index.vue
+++ b/pages/creator/stickers/index.vue
@ -1,166 +0,0 @@
-<template>
-  <v-container class="px-12">
-    <div class="flex justify-between items-center mt-5">
-      <div class="flex items-end gap-2">
-        <h1 class="text-2xl">Stickers & packs</h1>
-      </div>
-
-      <div class="flex gap-2">
-        <v-btn color="primary" text="New" append-icon="mdi-plus" variant="tonal" to="/creator/stickers/new" />
-      </div>
-    </div>
-
-    <v-expand-transition>
-      <v-alert v-if="error" variant="tonal" type="error" class="text-xs mt-5 mb-3">
-        {{ t("errorOccurred", [error]) }}
-      </v-alert>
-    </v-expand-transition>
-
-    <div class="mt-5">
-      <v-expansion-panels>
-        <v-expansion-panel v-for="item in data" :key="'sticker-pack#' + item.id">
-          <template #title>
-            <div class="flex items-center gap-2">
-              <p>{{ item.name }}</p>
-              <v-chip size="x-small" class="font-mono" rounded color="primary">#{{ item.id }}</v-chip>
-            </div>
-          </template>
-
-          <template #text>
-            <v-row>
-              <v-col cols="12">
-                <p><b>Description</b></p>
-                <p>{{ item.description }}</p>
-              </v-col>
-              <v-col cols="12" md="6" lg="4">
-                <p><b>Pack Prefix</b></p>
-                <v-code class="font-mono mt-0.5 px-3 w-fit">
-                  <span v-if="item.prefix.length == 0"><i>no prefix</i></span>
-                  <span v-else>{{ item.prefix }}</span>
-                </v-code>
-              </v-col>
-              <v-col cols="12" md="6" lg="4">
-                <p><b>Actions</b></p>
-                <div class="flex mx-[-10px]">
-                  <v-btn
-                    variant="text"
-                    size="x-small"
-                    color="info"
-                    icon="mdi-sticker-plus"
-                    :to="`/creator/stickers/${item.id}/new`"
-                  />
-                  <v-btn
-                    variant="text"
-                    size="x-small"
-                    color="warning"
-                    icon="mdi-pencil"
-                    :to="`/creator/stickers/${item.id}/edit`"
-                  />
-
-                  <v-dialog max-width="480">
-                    <template #activator="{ props }">
-                      <v-btn
-                        v-bind="props"
-                        variant="text"
-                        size="x-small"
-                        color="error"
-                        icon="mdi-delete"
-                        :disabled="submitting"
-                      />
-                    </template>
-
-                    <template v-slot:default="{ isActive }">
-                      <v-card :title="`Delete sticker pack #${item.id}?`">
-                        <v-card-text>
-                          This action will delete the stickers belongs to it and cannot be undone.
-                        </v-card-text>
-
-                        <v-card-actions>
-                          <v-spacer></v-spacer>
-
-                          <v-btn text="Cancel" color="grey" @click="isActive.value = false"></v-btn>
-
-                          <v-btn
-                            text="Delete"
-                            color="error"
-                            @click="
-                              () => {
-                                deletePack(item)
-                                isActive.value = false
-                              }
-                            "
-                          />
-                        </v-card-actions>
-                      </v-card>
-                    </template>
-                  </v-dialog>
-                </div>
-              </v-col>
-              <v-col cols="12">
-                <p><b>Stickers</b></p>
-                <v-card variant="outlined" class="mx-[-0.5ch] mt-1">
-                  <creator-stickers-data-table :pack-id="item.id" :pack-prefix="item.prefix" />
-                </v-card>
-              </v-col>
-            </v-row>
-          </template>
-        </v-expansion-panel>
-      </v-expansion-panels>
-    </div>
-  </v-container>
-</template>
-
-<script setup lang="ts">
-import { solarFetch } from "~/utils/request"
-
-definePageMeta({
-  layout: "creator-hub",
-  middleware: ["auth"],
-})
-
-useHead({
-  title: "Stickers",
-})
-
-const { t } = useI18n()
-const ua = useUserinfo()
-
-const loading = ref(false)
-const error = ref<null | string>(null)
-
-const data = ref<any[]>([])
-
-async function readPacks() {
-  loading.value = true
-
-  const res = await solarFetch(`/cgi/uc/stickers/packs?take=10&author=${ua.userinfo?.id}&offset=${data.value.length}`)
-  if (res.status != 200) {
-    error.value = await res.text()
-  } else {
-    const out = await res.json()
-    data.value.push(...out["data"])
-  }
-
-  loading.value = false
-}
-
-onMounted(() => readPacks())
-
-const submitting = ref(false)
-
-async function deletePack(item: any) {
-  submitting.value = true
-
-  const res = await solarFetch(`/cgi/uc/stickers/packs/${item.id}`, {
-    method: "DELETE",
-  })
-  if (res.status !== 200) {
-    error.value = await res.text()
-  } else {
-    data.value = []
-    await readPacks()
-  }
-
-  submitting.value = false
-}
-</script>
--- a/pages/creator/stickers/new.vue
+++ b/pages/creator/stickers/new.vue
@ -1,99 +0,0 @@
-<template>
-  <v-container class="px-12">
-    <div class="flex justify-between items-center mt-5">
-      <div class="flex items-end gap-2">
-        <h1 class="text-2xl">Create a new sticker pack</h1>
-      </div>
-
-      <div class="flex gap-2">
-        <v-btn
-          color="grey"
-          text="Cancel"
-          prepend-icon="mdi-arrow-left"
-          variant="tonal"
-          to="/creator/stickers"
-        />
-      </div>
-    </div>
-
-    <v-expand-transition>
-      <v-alert v-if="error" variant="tonal" type="error" class="text-xs mt-5 mb-3">
-        {{ t("errorOccurred", [error]) }}
-      </v-alert>
-    </v-expand-transition>
-
-    <v-form class="mt-5" @submit.prevent="submit">
-      <v-row>
-        <v-col cols="12" md="6">
-          <v-text-field
-            label="Name"
-            name="name"
-            variant="outlined"
-            persistent-hint
-            hint="A human friendly name for user to recognize this sticker pack"
-          />
-        </v-col>
-        <v-col cols="12" md="6">
-          <v-text-field
-            label="Prefix"
-            name="prefix"
-            variant="outlined"
-            persistent-hint
-            hint="A prefix for every sticker in this pack, will add before sticker's alias"
-          />
-        </v-col>
-        <v-col cols="12">
-          <v-textarea
-            auto-grow
-            rows="3"
-            label="Description"
-            name="description"
-            variant="outlined"
-            persistent-hint
-            hint="A description for user to know about this sticker pack"
-          />
-        </v-col>
-      </v-row>
-
-      <div class="flex justify-end">
-        <v-btn type="submit" text="Create" append-icon="mdi-plus" :loading="submitting" />
-      </div>
-    </v-form>
-  </v-container>
-</template>
-
-<script setup lang="ts">
-definePageMeta({
-  layout: "creator-hub",
-  middleware: ["auth"],
-})
-
-useHead({
-  title: "New Sticker Pack",
-})
-
-const { t } = useI18n()
-
-const error = ref<null | string>(null)
-const submitting = ref(false)
-
-async function submit(evt: SubmitEvent) {
-  const data = Object.fromEntries(new FormData(evt.target as HTMLFormElement).entries())
-  if (!data.name) return
-
-  submitting.value = true
-
-  const res = await solarFetch("/cgi/uc/stickers/packs", {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify(data),
-  })
-  if (res.status != 200) {
-    error.value = await res.text()
-  } else {
-    navigateTo('/creator/stickers')
-  }
-
-  submitting.value = false
-}
-</script>
--- a/pages/dev/bots/index.vue
+++ b/pages/dev/bots/index.vue
@ -1,172 +0,0 @@
-<template>
-  <v-container class="px-12">
-    <div class="flex justify-between items-center mt-5">
-      <div class="flex items-end gap-2">
-        <h1 class="text-2xl">Bots</h1>
-        <v-chip rounded="xl" size="small" class="font-mono mb-0.5">
-          {{ pagination.bots.total }}/{{ currentBotLimit }} quota
-        </v-chip>
-      </div>
-
-      <div class="flex gap-2">
-        <v-btn
-          color="primary"
-          text="New"
-          append-icon="mdi-plus"
-          variant="tonal"
-          to="/dev/bots/new"
-        />
-      </div>
-    </div>
-
-    <div class="mt-5">
-      <v-card>
-        <v-data-table-server
-          density="compact"
-          :headers="dataDefinitions.bots"
-          :items="bots"
-          :items-length="pagination.bots.total"
-          :loading="reverting.bots"
-          v-model:items-per-page="pagination.bots.pageSize"
-          @update:options="readBots"
-          item-value="id"
-        >
-          <template v-slot:item="{ item }: { item: any }">
-            <tr>
-              <td>{{ item.id }}</td>
-              <td>{{ item.name }}</td>
-              <td>{{ new Date(item.created_at).toLocaleString() }}</td>
-              <td>
-                <dev-bot-token-dialog :item="item">
-                  <template #activator="{ props }">
-                    <v-btn
-                      v-bind="props"
-                      variant="text"
-                      size="x-small"
-                      color="info"
-                      icon="mdi-key"
-                      class="ms-[-8px]"
-                    />
-                  </template>
-                </dev-bot-token-dialog>
-
-                <v-dialog max-width="480">
-                  <template #activator="{ props }">
-                    <v-btn
-                      v-bind="props"
-                      variant="text"
-                      size="x-small"
-                      color="error"
-                      icon="mdi-delete"
-                      :disabled="submitting"
-                    />
-                  </template>
-
-                  <template v-slot:default="{ isActive }">
-                    <v-card :title="`Delete bot ${item.name}?`">
-                      <v-card-text>
-                        This action will delete the bot and all resources related to this bot and cannot be undone.
-                      </v-card-text>
-
-                      <v-card-actions>
-                        <v-spacer></v-spacer>
-
-                        <v-btn
-                          text="Cancel"
-                          color="grey"
-                          @click="isActive.value = false"
-                        ></v-btn>
-
-                        <v-btn
-                          text="Delete"
-                          color="error"
-                          @click="() => { deleteBot(item); isActive.value = false }"
-                        />
-                      </v-card-actions>
-                    </v-card>
-                  </template>
-                </v-dialog>
-              </td>
-            </tr>
-          </template>
-        </v-data-table-server>
-      </v-card>
-    </div>
-  </v-container>
-</template>
-
-<script setup lang="ts">
-import { solarFetch } from "~/utils/request"
-
-definePageMeta({
-  layout: "dev-portal",
-  middleware: ["auth"],
-})
-
-useHead({
-  title: "Bots",
-})
-
-const auth = useUserinfo()
-
-const error = ref<null | string>(null)
-
-const dataDefinitions: { [id: string]: any[] } = {
-  bots: [
-    { align: "start", key: "id", title: "ID" },
-    { align: "start", key: "name", title: "Name" },
-    { align: "start", key: "created_at", title: "Created At" },
-    { align: "start", key: "actions", title: "Actions", sortable: false },
-  ],
-}
-
-const bots = ref<any>([])
-
-const currentBotLimit = computed(() => auth.userinfo?.perm_nodes["CreateBots"] ?? 0)
-
-const reverting = reactive({ bots: false })
-const pagination = reactive({
-  bots: { page: 1, pageSize: 5, total: 0 },
-})
-
-async function readBots({ page, itemsPerPage }: { page?: number; itemsPerPage?: number }) {
-  if (itemsPerPage) pagination.bots.pageSize = itemsPerPage
-  if (page) pagination.bots.page = page
-
-  reverting.bots = true
-  const res = await solarFetch(
-    "/cgi/id/dev/bots?" +
-    new URLSearchParams({
-      take: pagination.bots.pageSize.toString(),
-      offset: ((pagination.bots.page - 1) * pagination.bots.pageSize).toString(),
-    }),
-  )
-  if (res.status !== 200) {
-    error.value = await res.text()
-  } else {
-    const data = await res.json()
-    bots.value = data["data"]
-    pagination.bots.total = data["count"]
-  }
-  reverting.bots = false
-}
-
-onMounted(() => readBots({}))
-
-const submitting = ref(false)
-
-async function deleteBot(item: any) {
-  submitting.value = true
-
-  const res = await solarFetch(`/cgi/id/dev/bots/${item.id}`, {
-    method: "DELETE",
-  })
-  if (res.status !== 200) {
-    error.value = await res.text()
-  } else {
-    await readBots({ page: 1 })
-  }
-
-  submitting.value = false
-}
-</script>
--- a/pages/dev/bots/new.vue
+++ b/pages/dev/bots/new.vue
@ -1,95 +0,0 @@
-<template>
-  <v-container class="px-12">
-    <div class="flex justify-between items-center mt-5">
-      <div class="flex items-end gap-2">
-        <h1 class="text-2xl">Create a new bot</h1>
-      </div>
-
-      <div class="flex gap-2">
-        <v-btn
-          color="grey"
-          text="Cancel"
-          prepend-icon="mdi-arrow-left"
-          variant="tonal"
-          to="/dev/bots"
-        />
-      </div>
-    </div>
-
-    <v-expand-transition>
-      <v-alert v-if="error" variant="tonal" type="error" class="text-xs mt-5 mb-3">
-        {{ t("errorOccurred", [error]) }}
-      </v-alert>
-    </v-expand-transition>
-
-    <v-form class="mt-5" @submit.prevent="submit">
-      <v-row>
-        <v-col cols="12" md="6" lg="4">
-          <v-text-field
-            label="Name"
-            name="name"
-            variant="outlined"
-            hide-details
-          />
-        </v-col>
-        <v-col cols="12" md="6" lg="4">
-          <v-text-field
-            label="Nick"
-            name="nick"
-            variant="outlined"
-            hide-details
-          />
-        </v-col>
-        <v-col cols="12" md="6" lg="4">
-          <v-textarea
-            auto-grow
-            rows="1"
-            label="Description"
-            name="description"
-            variant="outlined"
-          />
-        </v-col>
-      </v-row>
-
-      <div class="flex justify-end">
-        <v-btn type="submit" text="Create" append-icon="mdi-plus" :loading="submitting" />
-      </div>
-    </v-form>
-  </v-container>
-</template>
-
-<script setup lang="ts">
-definePageMeta({
-  layout: "dev-portal",
-  middleware: ["auth"],
-})
-
-useHead({
-  title: "New Bot",
-})
-
-const { t } = useI18n()
-
-const error = ref<null | string>(null)
-const submitting = ref(false)
-
-async function submit(evt: SubmitEvent) {
-  const data = Object.fromEntries(new FormData(evt.target as HTMLFormElement).entries())
-  if (!data.name) return
-
-  submitting.value = true
-
-  const res = await solarFetch("/cgi/id/dev/bots", {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify(data),
-  })
-  if (res.status != 200) {
-    error.value = await res.text()
-  } else {
-    navigateTo('/dev/bots')
-  }
-
-  submitting.value = false
-}
-</script>
--- a/pages/dev/index.vue
+++ b/pages/dev/index.vue
@ -1,24 +0,0 @@
-<template>
-  <v-container fluid class="h-[calc(100vh-80px)] flex flex-col justify-center items-center text-center">
-    <v-icon icon="mdi-code-tags" size="64" />
-    <div class="text-2xl">Hello, developer!</div>
-    <div class="max-w-[320px]">Switch page using navigator above to get start developing with Solar Network.</div>
-
-    <div class="text-xs font-mono text-grey mt-5">
-      @{{ auth.userinfo?.name }} · {{ auth.userinfo?.id.toString().padStart(8, "0") }}
-    </div>
-  </v-container>
-</template>
-
-<script setup lang="ts">
-definePageMeta({
-  layout: "dev-portal",
-  middleware: ["auth"],
-})
-
-useHead({
-  title: "Landing",
-})
-
-const auth = useUserinfo()
-</script>
--- a/pages/flow/accounts/confirm.vue
+++ b/pages/flow/accounts/confirm.vue
@ -1,103 +0,0 @@
-<template>
-  <v-container class="h-[calc(100vh-80px)] flex flex-col gap-3 items-center justify-center">
-    <v-card class="w-full max-w-[720px] overflow-auto" :loading="loading">
-      <v-card-text class="card-grid pa-9">
-        <div>
-          <v-avatar color="accent" icon="mdi-check-decagram" size="large" class="card-rounded mb-2" />
-          <h1 class="text-2xl">Confirm registration</h1>
-          <p>Confirm your account to unlock more abilities.</p>
-        </div>
-
-        <v-window :touch="false" :model-value="panel" class="pa-2 mx-[-0.5rem]">
-          <v-window-item value="confirm">
-            <div>
-              <v-expand-transition>
-                <v-alert v-show="error" variant="tonal" type="error" class="text-xs mb-3">
-                  Something went wrong... {{ error }}
-                </v-alert>
-              </v-expand-transition>
-
-              <v-progress-circular v-if="!error" indeterminate size="32" color="grey-darken-3" class="mb-3" />
-
-              <h1 class="font-bold text-xl">Confirming</h1>
-              <p>We are confirming your account. Please stand by, this won't took a long time...</p>
-            </div>
-          </v-window-item>
-          <v-window-item value="callback">
-            <div>
-              <v-icon icon="mdi-fire" size="32" color="grey-darken-3" class="mb-3" />
-
-              <h1 class="font-bold text-xl">Confirmed</h1>
-              <p>You're done! We successfully confirmed your account.</p>
-
-              <p class="mt-3">Now you can continue to use Solarpass, we will redirect you to dashboard soon.</p>
-            </div>
-          </v-window-item>
-        </v-window>
-      </v-card-text>
-    </v-card>
-
-    <copyright service="passport" />
-  </v-container>
-</template>
-
-<script setup lang="ts">
-import { ref } from "vue"
-import { useRoute, useRouter } from "vue-router"
-
-const config = useRuntimeConfig()
-
-const route = useRoute()
-const router = useRouter()
-const auth = useUserinfo()
-
-const error = ref<string | null>(null)
-
-const loading = ref(false)
-
-const panel = ref("confirm")
-
-async function confirm() {
-  if (!route.query["code"]) {
-    error.value = "code was not exists"
-    return
-  }
-
-  const res = await fetch(`${config.public.solarNetworkApi}/cgi/id/users/me/confirm`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({
-      code: route.query["code"],
-    }),
-  })
-  if (res.status !== 200) {
-    error.value = await res.text()
-  } else {
-    loading.value = true
-    panel.value = "callback"
-    await auth.readProfiles()
-    await router.push({ name: "dashboard" })
-  }
-  loading.value = false
-}
-
-confirm()
-</script>
-
-<style scoped>
-.card-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 1rem;
-}
-
-@media (max-width: 768px) {
-  .card-grid {
-    grid-template-columns: 1fr;
-  }
-}
-
-.card-rounded {
-  border-radius: 8px;
-}
-</style>
--- a/pages/flow/accounts/deletion.vue
+++ b/pages/flow/accounts/deletion.vue
@ -1,114 +0,0 @@
-<template>
-  <v-container class="h-[calc(100vh-80px)] flex flex-col gap-3 items-center justify-center">
-    <v-card class="w-full max-w-[720px] overflow-auto" :loading="loading">
-      <v-card-text class="card-grid pa-9">
-        <div>
-          <v-avatar color="accent" icon="mdi-delete" size="large" class="card-rounded mb-2" />
-          <h1 class="text-2xl">Delete account</h1>
-          <p>Delete all the data and your account on Solar Network.</p>
-        </div>
-
-        <v-window :touch="false" :model-value="panel" class="pa-2 mx-[-0.5rem]">
-          <v-window-item value="confirm">
-            <div class="flex items-center">
-              <v-form class="flex-grow-1" @submit.prevent="confirm">
-                <v-alert variant="tonal" type="warning" class="text-xs mb-3">
-                  <p><b>Are you sure to delete your account?</b></p>
-                  This action cannot be undone. And all the delete related to your account will be deleted also.
-                </v-alert>
-
-                <v-expand-transition>
-                  <v-alert v-show="error" variant="tonal" type="error" class="text-xs mb-3">
-                    Something went wrong... {{ error }}
-                  </v-alert>
-                </v-expand-transition>
-
-                <div class="flex justify-end">
-                  <v-btn
-                    type="submit"
-                    variant="text"
-                    color="primary"
-                    class="justify-self-end"
-                    append-icon="mdi-arrow-right"
-                    :disabled="loading"
-                  >
-                    Next
-                  </v-btn>
-                </div>
-              </v-form>
-            </div>
-          </v-window-item>
-          <v-window-item value="callback">
-            <div>
-              <v-icon icon="mdi-fire" size="32" color="grey-darken-3" class="mb-3" />
-
-              <h1 class="font-bold text-xl">Deleted</h1>
-              <p>Your account has been deleted successfully.</p>
-
-              <p class="mt-3">You're no longer be able to sign in into your account.</p>
-            </div>
-          </v-window-item>
-        </v-window>
-      </v-card-text>
-    </v-card>
-
-    <copyright service="passport" />
-  </v-container>
-</template>
-
-<script setup lang="ts">
-import { ref } from "vue"
-import { useRoute, useRouter } from "vue-router"
-
-const config = useRuntimeConfig()
-
-const route = useRoute()
-const router = useRouter()
-
-const error = ref<string | null>(null)
-
-const loading = ref(false)
-
-const panel = ref("confirm")
-
-async function confirm() {
-  if (!route.query["code"]) {
-    error.value = "code was not exists"
-    return
-  }
-
-  const res = await fetch(`${config.public.solarNetworkApi}/cgi/id/users/me/deletion`, {
-    method: "PATCH",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({
-      code: route.query["code"],
-    }),
-  })
-  if (res.status !== 200) {
-    error.value = await res.text()
-  } else {
-    loading.value = true
-    panel.value = "callback"
-    await router.push("/auth/sign-in")
-  }
-  loading.value = false
-}
-</script>
-
-<style scoped>
-.card-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 1rem;
-}
-
-@media (max-width: 768px) {
-  .card-grid {
-    grid-template-columns: 1fr;
-  }
-}
-
-.card-rounded {
-  border-radius: 8px;
-}
-</style>
--- a/pages/flow/accounts/password-reset.vue
+++ b/pages/flow/accounts/password-reset.vue
@ -1,122 +0,0 @@
-<template>
-  <v-container class="h-[calc(100vh-80px)] flex flex-col gap-3 items-center justify-center">
-    <v-card class="w-full max-w-[720px] overflow-auto" :loading="loading">
-      <v-card-text class="card-grid pa-9">
-        <div>
-          <v-avatar color="accent" icon="mdi-lock-reset" size="large" class="card-rounded mb-2" />
-          <h1 class="text-2xl">Reset password</h1>
-          <p>Reset password to get back access of your account.</p>
-        </div>
-
-        <v-window :touch="false" :model-value="panel" class="pa-2 mx-[-0.5rem]">
-          <v-window-item value="confirm">
-            <div class="flex items-center">
-              <v-form class="flex-grow-1" @submit.prevent="confirm">
-                <v-text-field
-                  label="New Password"
-                  type="password"
-                  autocomplete="new-password"
-                  variant="solo"
-                  density="comfortable"
-                  :disabled="loading"
-                  v-model="newPassword"
-                />
-
-                <v-expand-transition>
-                  <v-alert v-show="error" variant="tonal" type="error" class="text-xs mb-3">
-                    Something went wrong... {{ error }}
-                  </v-alert>
-                </v-expand-transition>
-
-                <div class="flex justify-end">
-                  <v-btn
-                    type="submit"
-                    variant="text"
-                    color="primary"
-                    class="justify-self-end"
-                    append-icon="mdi-arrow-right"
-                    :disabled="loading"
-                  >
-                    Next
-                  </v-btn>
-                </div>
-              </v-form>
-            </div>
-          </v-window-item>
-          <v-window-item value="callback">
-            <div>
-              <v-icon icon="mdi-fire" size="32" color="grey-darken-3" class="mb-3" />
-
-              <h1 class="font-bold text-xl">Applied</h1>
-              <p>The password of your account has updated successfully.</p>
-
-              <p class="mt-3">Now you can continue to use Solarpass, we will redirect you to sign-in soon.</p>
-            </div>
-          </v-window-item>
-        </v-window>
-      </v-card-text>
-    </v-card>
-
-    <copyright service="passport" />
-  </v-container>
-</template>
-
-<script setup lang="ts">
-import { ref } from "vue"
-import { useRoute, useRouter } from "vue-router"
-
-const config = useRuntimeConfig()
-
-const route = useRoute()
-const router = useRouter()
-
-const error = ref<string | null>(null)
-
-const loading = ref(false)
-
-const panel = ref("confirm")
-
-const newPassword = ref("")
-
-async function confirm() {
-  if (!route.query["code"]) {
-    error.value = "code was not exists"
-    return
-  }
-
-  const res = await fetch(`${config.public.solarNetworkApi}/cgi/id/users/me/password-reset`, {
-    method: "PATCH",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({
-      code: route.query["code"],
-      new_password: newPassword.value,
-    }),
-  })
-  if (res.status !== 200) {
-    error.value = await res.text()
-  } else {
-    loading.value = true
-    panel.value = "callback"
-    await router.push("/auth/sign-in")
-  }
-  loading.value = false
-}
-</script>
-
-<style scoped>
-.card-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 1rem;
-}
-
-@media (max-width: 768px) {
-  .card-grid {
-    grid-template-columns: 1fr;
-  }
-}
-
-.card-rounded {
-  border-radius: 8px;
-}
-</style>
--- a/pages/gallery/[id].vue
+++ b/pages/gallery/[id].vue
@ -1,121 +0,0 @@
-<template>
-  <v-row class="h-[calc(100vh-24px)]" no-gutters>
-    <v-col cols="12" md="8">
-      <div class="h-full w-full flex justify-center items-center" :class="isMediumScreen ? 'flex-row' : 'flex-col'">
-        <div class="flex-grow-1 w-full">
-          <attachment-renderer :item="attachment" no-cover />
-        </div>
-        <v-divider v-if="isMediumScreen" vertical />
-        <v-divider v-else />
-      </div>
-    </v-col>
-    <v-col cols="12" md="4" class="px-5 pt-3">
-      <v-card class="mb-5">
-        <v-card-text class="flex flex-col gap-4">
-          <div class="flex flex-col" v-if="attachment?.alt">
-            <span class="text-xs font-bold">Alternative</span>
-            <span class="text-truncate">{{ attachment?.alt }}</span>
-          </div>
-          <div class="flex flex-col">
-            <span class="text-xs font-bold">Original File Name</span>
-            <span class="text-truncate">{{ attachment?.name }}</span>
-          </div>
-          <div class="flex flex-col">
-            <span class="text-xs font-bold">Size</span>
-            <span>{{ formatBytes(attachment?.size) }}</span>
-          </div>
-          <div class="flex flex-col" v-if="attachment?.metadata?.ratio">
-            <span class="text-xs font-bold">Aspect Ratio</span>
-            <span>
-              {{ attachment?.metadata?.width }}x{{ attachment?.metadata?.height }}
-              {{ attachment?.metadata?.ratio.toFixed(2) }}
-            </span>
-          </div>
-          <div class="flex flex-col" v-if="attachment?.mimetype">
-            <span class="text-xs font-bold">Mimetype</span>
-            <span>{{ attachment?.mimetype }}</span>
-          </div>
-          <div class="flex flex-col">
-            <span class="text-xs font-bold">Raw Data</span>
-            <v-code class="font-mono mt-1">{{ JSON.stringify(attachment.metadata, null, 4) }}</v-code>
-          </div>
-        </v-card-text>
-      </v-card>
-
-      <div class="text-xs text-grey flex flex-col mx-[2.5ch]">
-        <span>Solar Network Attachment Web Preview</span>
-        <span
-          >Powered by
-          <a class="underline" target="_blank" href="https://git.solsynth.dev/HyperNet/Paperclip"
-            >HyperNet.Paperclip</a
-          ></span
-        >
-      </div>
-    </v-col>
-  </v-row>
-</template>
-
-<script setup lang="ts">
-import { formatBytes } from "~/utils/format"
-import { useDisplay } from "vuetify"
-
-const route = useRoute()
-const config = useRuntimeConfig()
-
-const firstImage = ref<string | null>()
-const firstVideo = ref<string | null>()
-
-const isMediumScreen = useDisplay().mdAndUp
-
-const { data: attachment } = await useFetch<any>(
-  `${config.public.solarNetworkApi}/cgi/uc/attachments/${route.params.id}/meta`,
-)
-
-definePageMeta({
-  layout: "minimal",
-})
-
-if (!attachment.value) {
-  throw createError({
-    statusCode: 404,
-    statusMessage: "Attachment Not Found",
-  })
-}
-
-const title = computed(() => `Attachment ${attachment.value?.id}`)
-
-watch(
-  attachment,
-  (value) => {
-    if (value.mimetype.split("/")[0] == "image") {
-      firstImage.value = `${config.public.solarNetworkApi}/cgi/uc/attachments/${value.id}`
-    }
-
-    if (value.mimetype.split("/")[0] == "video") {
-      firstVideo.value = `${config.public.solarNetworkApi}/cgi/uc/attachments/${value.id}`
-    }
-  },
-  { immediate: true, deep: true },
-)
-
-useHead({
-  title: title.value,
-  titleTemplate: "%s on Solar Network",
-  link: [
-    { rel: "icon", type: "image/png", href: "/icon-solar-network.png" },
-    { rel: "apple-touch-icon", type: "image/png", href: "/icon-solar-network.png" },
-  ],
-})
-
-useSeoMeta({
-  title: title,
-  description: attachment.value?.alt,
-  ogTitle: title,
-  ogDescription: attachment.value?.alt,
-  ogUrl: `${useRuntimeConfig().public.siteUrl}${route.fullPath}`,
-  ogImage: firstImage,
-  ogVideo: firstVideo,
-  publisher: "Solar Network",
-  ogSiteName: "Solsynth Capital",
-})
-</script>
--- a/pages/gallery/index.vue
+++ b/pages/gallery/index.vue
@ -1,64 +0,0 @@
-<template>
-  <v-container fluid>
-    <div class="mt-3 mb-6.5 mx-[3.5ch] text-center">
-      <h1 class="text-2xl">{{ t("navGallery") }}</h1>
-      <p>{{ t("navGalleryCaption") }}</p>
-      <v-btn slim size="x-small" prepend-icon="mdi-upload" variant="text" color="info" to="/gallery/new">
-        {{ t("attachmentUpload") }}
-      </v-btn>
-    </div>
-
-    <div class="album">
-      <v-card v-for="item in items" class="album-item mb-3" :to="`/gallery/${item.rid}`">
-        <attachment-renderer :item="item" />
-      </v-card>
-    </div>
-
-    <div class="flex p-5 justify-center items-center">
-      <v-btn variant="outlined" text="Load more" :loading="loading" @click="load" />
-    </div>
-  </v-container>
-</template>
-
-<script setup lang="ts">
-const { t } = useI18n()
-
-useHead({
-  title: t("navGallery"),
-})
-
-useSeoMeta({
-  title: t("navGallery"),
-  ogTitle: t("navGallery"),
-  description: t("navGalleryCaption"),
-  ogDescription: t("navGalleryCaption"),
-  ogType: "website",
-})
-
-const config = useRuntimeConfig()
-
-const items = ref<any[]>([])
-const loading = ref(false)
-
-async function load() {
-  loading.value = true
-
-  const res = await fetch(`${config.public.solarNetworkApi}/cgi/uc/attachments?take=20&offset=${items.value.length}&original=true`)
-  const result = await res.json()
-
-  items.value.push(...result.data)
-
-  loading.value = false
-}
-
-onMounted(() => {
-  load()
-})
-</script>
-
-<style scoped>
-.album {
-  columns: 20rem;
-  column-gap: 1rem;
-}
-</style>
--- a/pages/gallery/new.vue
+++ b/pages/gallery/new.vue
@ -1,227 +0,0 @@
-<template>
-  <div class="h-[calc(100vh-80px)] flex flex-col justify-center items-center">
-    <h1 class="text-2xl font-bold">{{ t("attachmentCreate") }}</h1>
-    <p>{{ t("attachmentCreateCaption") }}</p>
-
-    <div class="my-5 w-[640px]">
-      <v-expand-transition>
-        <div v-if="!multipartProgress.value">
-          <v-file-input label="File input" variant="solo" :hide-details="true" v-model="content"></v-file-input>
-
-          <v-select
-            label="Storage pool"
-            variant="solo"
-            :items="poolOptions"
-            item-title="label"
-            item-value="value"
-            density="comfortable"
-            prepend-icon="mdi-database"
-            :hide-details="true"
-            class="mt-5"
-            v-model="pool"
-          >
-            <template v-slot:item="{ props, item }">
-              <v-list-item v-bind="props" :subtitle="item.raw.description" :disabled="item.raw.disabled" />
-            </template>
-          </v-select>
-        </div>
-      </v-expand-transition>
-
-      <v-expand-transition>
-        <div v-if="multipartProgress.value" class="text-center flex flex-col">
-          <span class="text-sm">
-            {{ success ? t("attachmentUploadCompleted") : t("attachmentUploadProgress") }}
-            {{ multipartProgress.current }}/{{ multipartProgress.total }}
-            {{ (multipartProgress.value * 100).toFixed(2) }}%
-          </span>
-          <p class="text-xs text-grey">{{ formatBytes(multipartSize) }} per chunk · #{{ multipartInfo?.rid }}</p>
-          <v-progress-linear class="mt-2" :model-value="multipartProgress.value" :max="1" height="4" rounded />
-        </div>
-      </v-expand-transition>
-
-      <v-expand-transition>
-        <div v-if="success">
-          <v-card class="mt-3">
-            <attachment-carousel :attachments="[multipartInfo.rid]" />
-          </v-card>
-        </div>
-      </v-expand-transition>
-
-      <v-expand-transition>
-        <v-alert v-if="error" variant="tonal" type="error" class="text-xs mt-3">
-          {{ t("errorOccurred", [error]) }}
-        </v-alert>
-      </v-expand-transition>
-    </div>
-
-    <div class="flex">
-      <v-btn :text="t('upload')" prepend-icon="mdi-upload" variant="plain" :loading="loading" @click="submit" />
-      <v-btn
-        :text="t('cancel')"
-        color="grey"
-        append-icon="mdi-exit-to-app"
-        variant="plain"
-        to="/gallery"
-        :disabled="loading"
-      />
-    </div>
-
-    <copyright class="mt-4" service="paperclip" />
-  </div>
-</template>
-
-<script setup lang="ts">
-definePageMeta({
-  middleware: ["auth"],
-})
-
-useHead({
-  title: "Create Attachment",
-})
-
-const { t } = useI18n()
-const route = useRoute()
-
-onMounted(() => {
-  if (route.query.pool) {
-    pool.value = atob(decodeURIComponent(route.query.pool.toString()))
-    if (pool.value == "dedicated") {
-      pool.value = poolOptions[0].value
-    }
-  }
-})
-
-const poolOptions = [
-  { label: "Interactive", description: "Public indexable, no lifecycle.", value: "interactive" },
-  { label: "Messaging", description: "Has lifecycle, will be deleted after 14 days.", value: "messaging" },
-  { label: "Sticker", description: "Public indexable, privilege required.", value: "sticker", disabled: true },
-  { label: "Dedicated Pool", description: "Your own configuration, coming soon.", value: "dedicated", disabled: true },
-]
-
-const content = ref<File | null>(null)
-const pool = ref("interactive")
-
-const error = ref<string | null>(null)
-const success = ref(false)
-
-const multipartSize = ref(0)
-const multipartInfo = ref<any>(null)
-const multipartProgress = reactive<{ value: number | null; current: number; total: number }>({
-  value: null,
-  current: 0,
-  total: 0,
-})
-
-const loading = ref(false)
-
-async function submit() {
-  if (!content.value) return
-
-  loading.value = true
-
-  const limit = 3
-
-  try {
-    await createMultipartPlaceholder()
-    console.log(`[PAPERCLIP] Multipart placeholder has been created with rid ${multipartInfo.value.rid}`)
-
-    multipartProgress.value = 0
-    multipartProgress.current = 0
-
-    const chunks = Object.keys(multipartInfo.value["file_chunks"] ?? {})
-    multipartProgress.total = chunks.length
-
-    const uploadChunks = async (chunk: string) => {
-      try {
-        await uploadSingleMultipart(chunk)
-        multipartProgress.current++
-        console.log(`[PAPERCLIP] Uploaded multipart ${multipartProgress.current}/${multipartProgress.total}`)
-        multipartProgress.value = multipartProgress.current / multipartProgress.total
-      } catch (err) {
-        console.log(`[PAPERCLIP] Upload multipart ${chunk} failed, retrying in 3 seconds...`)
-        await new Promise((r) => setTimeout(r, 3000))
-        await uploadChunks(chunk)
-      }
-    }
-
-    for (let i = 0; i < chunks.length; i += limit) {
-      const chunkSlice = chunks.slice(i, i + limit)
-      await Promise.all(chunkSlice.map(uploadChunks))
-    }
-
-    if (multipartInfo.value["is_uploaded"]) {
-      console.log(`[PAPERCLIP] Entire file has been uploaded in ${multipartProgress.total} chunk(s)`)
-      success.value = true
-    }
-  } catch (e) {
-    console.error(e)
-    error.value = e as string
-  }
-
-  loading.value = false
-}
-
-async function createMultipartPlaceholder() {
-  if (!content.value) return
-
-  const mimetypeMap: { [id: string]: string } = {
-    mp4: "video/mp4",
-    mov: "video/quicktime",
-    mp3: "audio/mp3",
-    wav: "audio/wav",
-    m4a: "audio/m4a",
-  }
-  const mimetype = mimetypeMap[content.value.name.split(".").pop() as string]
-
-  const nameArray = content.value.name.split(".")
-  nameArray.pop()
-
-  const resp = await solarFetch("/cgi/uc/attachments/multipart", {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({
-      pool: pool.value,
-      size: content.value.size,
-      name: content.value.name,
-      alt: nameArray.join("."),
-      mimetype: mimetype,
-    }),
-  })
-  if (resp.status != 200) throw new Error(await resp.text())
-  const data = await resp.json()
-
-  multipartSize.value = data["chunk_size"]
-  multipartInfo.value = data["meta"]
-}
-
-async function uploadSingleMultipart(chunkId: string) {
-  if (!content.value) return
-  if (!multipartInfo.value) return
-
-  const chunkIdx: number = multipartInfo.value["file_chunks"][chunkId]
-  const chunk = content.value.slice(chunkIdx * multipartSize.value, (chunkIdx + 1) * multipartSize.value)
-
-  const resp = await solarFetch(`/cgi/uc/attachments/multipart/${multipartInfo.value.rid}/${chunkId}`, {
-    method: "POST",
-    body: chunk,
-    headers: {
-      "Content-Type": "application/octet-stream",
-    },
-    signal: AbortSignal.timeout(3 * 60 * 1000),
-  })
-  if (resp.status != 200) throw new Error(await resp.text())
-  multipartInfo.value = await resp.json()
-}
-
-function formatBytes(bytes: number, decimals = 2) {
-  if (!+bytes) return "0 Bytes"
-
-  const k = 1024
-  const dm = decimals < 0 ? 0 : decimals
-  const sizes = ["Bytes", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"]
-
-  const i = Math.floor(Math.log(bytes) / Math.log(k))
-
-  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`
-}
-</script>
--- a/pages/index.vue
+++ b/pages/index.vue
@ -1,209 +0,0 @@
-<template>
-  <canvas ref="canvasRef" class="fixed top-0 left-0 w-screen h-screen opacity-50"></canvas>
-
-  <v-container class="flex flex-col my-2 px-12 gap-[4rem]">
-    <section class="content-section flex flex-col items-center justify-center text-center px-4">
-      <img
-        v-motion="{
-          initial: {
-            y: 100,
-            opacity: 0,
-          },
-          enter: {
-            y: 0,
-            opacity: 1,
-            transition: { duration: 0.8 },
-          },
-        }"
-        :src="Logo"
-        alt="Company Logo"
-        class="w-32 h-32 mb-4"
-      />
-      <h1 class="text-4xl font-bold">Welcome to {{ t("brandName") }}</h1>
-      <p class="mt-2 text-lg">Building cool, open-source, and elegant apps for human.</p>
-      <v-btn class="mt-4" color="primary" prepend-icon="mdi-arrow-down" href="#products">{{ t("learnMore") }}</v-btn>
-    </section>
-
-    <section class="content-section py-16" id="products">
-      <div class="container mx-auto text-center">
-        <h2 class="text-3xl font-bold">Our Projects</h2>
-        <p>Take a peek of our works.</p>
-        <v-card class="mt-12">
-          <product-carousel class="carousel-section" :products="products as any[]" />
-        </v-card>
-      </div>
-    </section>
-
-    <v-row class="content-section">
-      <v-col cols="12" md="6">
-        <v-card>
-          <v-list>
-            <v-list-item
-              title="GitHub"
-              subtitle="The place hosts most of our public projects' code"
-              prepend-icon="mdi-github"
-              href="https://github.com/Solsynth"
-              target="_blank"
-            />
-            <v-list-item
-              lines="two"
-              title="Solsynth Code Repository"
-              subtitle="Our self-hosted git server, may contains some unpublished projects' code"
-              prepend-icon="mdi-git"
-              href="https://git.solsynth.dev/explore"
-              target="_blank"
-            />
-          </v-list>
-        </v-card>
-      </v-col>
-      <v-col cols="12" md="6" class="flex justify-end" order="first" order-md="last">
-        <div class="text-right flex flex-col items-end">
-          <h2 class="text-4xl font-bold">
-            We<br />
-            ❤️ Open-source
-          </h2>
-          <p class="text-md mt-3 max-w-2/3">
-            No software can run without the support of open source software, and our software is no exception.
-            Therefore, we feel it is important to contribute to open source as well.
-          </p>
-          <p class="text-grey mt-2">
-            <v-icon icon="mdi-arrow-left" size="16" class="mb-0.5" />
-            Check out our GitHub
-          </p>
-        </div>
-      </v-col>
-    </v-row>
-  </v-container>
-</template>
-
-<script setup lang="ts">
-import Logo from "~/assets/logo-w-shadow.png"
-
-import { getLocale } from "~/utils/locale"
-
-const { t } = useI18n()
-
-useHead({
-  title: t("brandName"),
-})
-
-useSeoMeta({
-  title: t("brandName"),
-  description: t("indexIntroduce"),
-  ogTitle: t("brandName"),
-  ogDescription: t("indexIntroduce"),
-  ogUrl: useRuntimeConfig().public.siteUrl,
-  ogType: "website",
-  ogSiteName: "Solsynth Capital",
-})
-
-const { data: products } = await useAsyncData("products", () => {
-  return queryContent("/products")
-    .where({ _locale: getLocale(), archived: { $ne: true } })
-    .limit(5)
-    .find()
-})
-
-const canvasRef = ref(null)
-
-onMounted(() => {
-  const isDarkMode = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches
-
-  const canvas: HTMLCanvasElement = canvasRef.value!
-  const ctx = canvas.getContext("2d")!
-  const dpr = window.devicePixelRatio || 1
-  canvas.width = window.innerWidth * dpr
-  canvas.height = window.innerHeight * dpr
-
-  let particles: Particle[] = []
-  const numParticles = 100
-
-  class Particle {
-    x: number
-    y: number
-    vx: number
-    vy: number
-    size: number
-
-    constructor() {
-      this.x = Math.random() * canvas.width
-      this.y = Math.random() * canvas.height
-      this.vx = (Math.random() - 0.5) * 1.5
-      this.vy = (Math.random() - 0.5) * 1.5
-      this.size = Math.random() * 3 + 1
-    }
-
-    move() {
-      this.x += this.vx
-      this.y += this.vy
-      if (this.x <= 0 || this.x >= canvas.width) this.vx *= -1
-      if (this.y <= 0 || this.y >= canvas.height) this.vy *= -1
-    }
-
-    draw() {
-      ctx.beginPath()
-      ctx.arc(this.x * dpr, this.y * dpr, this.size * dpr, 0, Math.PI * 2)
-      ctx.fillStyle = isDarkMode ? "rgba(255, 255, 255, 0.8)" : "rgba(0, 0, 0, 0.8)"
-      ctx.fill()
-    }
-  }
-
-  function init() {
-    particles = []
-    for (let i = 0; i < numParticles; i++) {
-      particles.push(new Particle())
-    }
-  }
-
-  function drawLines() {
-    for (let i = 0; i < particles.length; i++) {
-      for (let j = i + 1; j < particles.length; j++) {
-        let dx = particles[i].x - particles[j].x
-        let dy = particles[i].y - particles[j].y
-        let distance = Math.sqrt(dx * dx + dy * dy)
-
-        if (distance < 100) {
-          ctx.beginPath()
-          ctx.moveTo(particles[i].x * dpr, particles[i].y * dpr)
-          ctx.lineTo(particles[j].x * dpr, particles[j].y * dpr)
-          ctx.strokeStyle = isDarkMode ? "rgba(255, 255, 255, 0.2)" : "rgba(0, 0, 0, 0.2)"
-          ctx.lineWidth = 0.5 * dpr
-          ctx.stroke()
-        }
-      }
-    }
-  }
-
-  function animate() {
-    ctx.clearRect(0, 0, canvas.width, canvas.height)
-    particles.forEach((p) => {
-      p.move()
-      p.draw()
-    })
-    drawLines()
-    requestAnimationFrame(animate)
-  }
-
-  init()
-  animate()
-})
-</script>
-
-<style scoped>
-.carousel-section {
-  height: 120rem;
-}
-
-.content-section {
-  min-height: calc(100vh - 80px);
-  display: flex;
-  place-items: center;
-}
-</style>
-
-<style>
-body,
-html {
-  scroll-behavior: smooth;
-}
-</style>
--- a/pages/posts/[...id].vue
+++ b/pages/posts/[...id].vue
@ -1,152 +0,0 @@
-<template>
-  <v-container class="content-container mx-auto">
-    <div class="my-3 flex flex-row gap-4">
-      <nuxt-link :to="`/publishers/${post.publisher?.name}`">
-        <v-avatar :image="getAttachmentUrl(post.publisher?.avatar)" />
-      </nuxt-link>
-      <div class="flex flex-col">
-        <span>
-          {{ post.publisher?.nick }}
-          <span class="text-xs">@{{ post.publisher?.name }}</span>
-        </span>
-        <span v-if="post.body?.title" class="text-md">{{ post.body?.title }}</span>
-        <span v-if="post.body?.description" class="text-sm">{{ post.body?.description }}</span>
-        <span v-if="!post.body?.title && !post.body?.description" class="text-sm">{{
-          post.publisher?.description
-        }}</span>
-      </div>
-    </div>
-
-    <v-card v-if="post.body?.thumbnail" class="mb-5">
-      <v-img
-        :src="`${config.public.solarNetworkApi}/cgi/uc/attachments/${post.body?.thumbnail}`"
-        :aspect-ratio="16 / 9"
-        cover
-      />
-    </v-card>
-
-    <article v-if="post.body?.content" class="text-base prose xl:text-lg mx-auto">
-      <m-d-c :value="post.body?.content"></m-d-c>
-    </article>
-
-    <v-card v-if="post.body?.attachments?.length > 0" class="mb-5">
-      <attachment-carousel :attachments="post.body?.attachments" @update:metadata="(args) => (attachments = args)" />
-    </v-card>
-
-    <div class="mb-3 text-sm flex flex-col">
-      <span class="flex flex-row gap-1">
-        <span> {{ post.metric.reply_count }} {{ post.metric.reply_count > 1 ? "replies" : "reply" }}, </span>
-        <span> {{ post.metric.reaction_count }} {{ post.metric.reaction_count > 1 ? "reactions" : "reaction" }} </span>
-      </span>
-      <span>
-        {{ post.type.startsWith("a") ? "An" : "A" }} {{ post.type }} posted on
-        {{ new Date(post.published_at).toLocaleString() }}
-      </span>
-    </div>
-
-    <div v-if="post.tags?.length > 0" class="text-xs text-grey flex flex-row gap-1 mb-3">
-      <nuxt-link
-        v-for="tag in post.tags"
-        :to="`/posts/tags/${tag.alias}`"
-        class="hover:underline hover:underline-dotted"
-        @click.stop
-      >
-        #{{ tag.alias }}
-      </nuxt-link>
-    </div>
-
-    <div class="text-xs text-grey flex flex-col mb-5">
-      <span>Solar Network Post Web Preview</span>
-      <span>To get full view of this post, open it on <a class="underline" :href="externalOpenLink">Solian</a></span>
-    </div>
-
-    <div v-if="post.metric.reply_count" class="mb-5">
-      <v-card variant="outlined" :title="t('postReplies')" :subtitle="t('postRepliesCaption')">
-        <post-reply-list class="mt-[-20px] mx-[-1ch] mb-3" :post-id="post.id" />
-      </v-card>
-    </div>
-  </v-container>
-</template>
-
-<script setup lang="ts">
-const route = useRoute()
-const config = useRuntimeConfig()
-
-const attachments = ref<any[]>([])
-const firstImage = ref<string | null>()
-const firstVideo = ref<string | null>()
-
-const { t } = useI18n()
-
-const { data: post } = await useFetch<any>(`${config.public.solarNetworkApi}/cgi/co/posts/${route.params.id}`)
-
-if (!post.value) {
-  const { data: publisher } = await $fetch<any>(`${config.public.solarNetworkApi}/cgi/co/publishers/${route.params.id}`)
-  if (publisher) {
-    navigateTo(`/posts/publishers/${route.params.id}`)
-  }
-
-  throw createError({
-    statusCode: 404,
-    statusMessage: "Post Not Found",
-  })
-} else if (post.value.alias && !route.params.area) {
-  navigateTo(`/posts/${post.value.area_alias}/${post.value.alias}`)
-}
-
-const title = computed(() =>
-  post.value.body?.title
-    ? `${post.value.body?.title} by @${post.value.publisher.name}`
-    : `Post by @${post.value.publisher.name}`,
-)
-const description = computed(() => post.value.body?.description ?? post.value.body?.content.substring(0, 280).trim())
-
-watch(
-  attachments,
-  (value) => {
-    if (post.value.body?.thumbnail) {
-      firstImage.value = `${config.public.solarNetworkApi}/cgi/uc/attachments/${post.value.body?.thumbnail}`
-    }
-    if (value.length > 0 && value[0].mimetype.split("/")[0] == "image") {
-      firstImage.value = `${config.public.solarNetworkApi}/cgi/uc/attachments/${attachments.value[0].rid}`
-    }
-
-    if (value.length > 0 && value[0].mimetype.split("/")[0] == "video") {
-      firstVideo.value = `${config.public.solarNetworkApi}/cgi/uc/attachments/${attachments.value[0].rid}`
-    }
-  },
-  { immediate: true, deep: true },
-)
-
-useHead({
-  title: title.value,
-  titleTemplate: "%s",
-  link: [
-    { rel: "icon", type: "image/png", href: "/icon-solar-network.png" },
-    { rel: "apple-touch-icon", type: "image/png", href: "/icon-solar-network.png" },
-  ],
-})
-
-useSeoMeta({
-  author: post.value.publisher.nick,
-  title: title,
-  articlePublishedTime: post.value.publishedAt,
-  description: description,
-  ogTitle: title,
-  ogDescription: description,
-  ogUrl: `${useRuntimeConfig().public.siteUrl}${route.fullPath}`,
-  ogImage: firstImage,
-  ogVideo: firstVideo,
-  ogType: "article",
-  publisher: "Solar Network",
-  ogSiteName: "Solsynth Capital",
-})
-
-const externalOpenLink = computed(() => `${config.public.solianUrl}/posts/${route.params.id.toString().replace('/', ':')}`)
-</script>
-
-<style scoped>
-.content-container {
-  max-width: 65ch !important;
-}
-</style>
--- a/pages/posts/categories/[...slug].vue
+++ b/pages/posts/categories/[...slug].vue
@ -1,34 +0,0 @@
-<template>
-  <v-container class="content-container mx-auto">
-    <div class="my-3 mx-[3.5ch]">
-      <h1 class="text-2xl">{{ t("navPosts") }}</h1>
-      <span>{{ t("navPostsCaptionWithCategory", [`#${route.params.slug}`]) }}</span>
-    </div>
-
-    <post-list :category="route.params.slug?.toString()" />
-  </v-container>
-</template>
-
-<script setup lang="ts">
-const { t } = useI18n()
-
-const route = useRoute()
-
-useHead({
-  title: t("navPosts"),
-})
-
-useSeoMeta({
-  title: t("navPosts"),
-  ogTitle: t("navPosts"),
-  description: t("navPostsCaption"),
-  ogDescription: t("navPostsCaption"),
-  ogType: "website",
-})
-</script>
-
-<style scoped>
-.content-container {
-  max-width: 70ch !important;
-}
-</style>
--- a/Show More
+++ b/Show More