e.preventDefault()"
->
-
-
-
- {{ item.text }}
+
+
e.preventDefault()"
+ >
+
+
+
+ {{ item.text }}
+
+
+
+
+
+
+
+ {{ item.text }}
+
+
+
+
+ {{ item.text }}
+
+
+
+
+ {{ item.text }}
+
+
+
+
+
+ {{ $ts.none }}
-
-
-
-
-
-
- {{ item.text }}
-
-
-
-
- {{ item.text }}
-
-
-
-
- {{ item.text }}
-
-
-
-
- {{ $ts.none }}
-
+
+
+
+
diff --git a/packages/client/src/pages/mfm-cheat-sheet.vue b/packages/client/src/pages/mfm-cheat-sheet.vue
index 3315479abf..0b5dae996f 100644
--- a/packages/client/src/pages/mfm-cheat-sheet.vue
+++ b/packages/client/src/pages/mfm-cheat-sheet.vue
@@ -1,301 +1,313 @@
-
-
{{ $ts._mfm.intro }}
+
+
+
{{ $ts._mfm.intro }}
+
+
{{ $ts._mfm.mention }}
+
+
{{ $ts._mfm.mentionDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.hashtag }}
+
+
{{ $ts._mfm.hashtagDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.url }}
+
+
{{ $ts._mfm.urlDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.link }}
+
+
{{ $ts._mfm.linkDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.emoji }}
+
+
{{ $ts._mfm.emojiDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.bold }}
+
+
{{ $ts._mfm.boldDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.small }}
+
+
{{ $ts._mfm.smallDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.quote }}
+
+
{{ $ts._mfm.quoteDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.center }}
+
+
{{ $ts._mfm.centerDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.inlineCode }}
+
+
{{ $ts._mfm.inlineCodeDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.blockCode }}
+
+
{{ $ts._mfm.blockCodeDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.inlineMath }}
+
+
{{ $ts._mfm.inlineMathDescription }}
+
+
+ MFM
+
+
+
+
+
+
{{ $ts._mfm.flip }}
+
+
{{ $ts._mfm.flipDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.font }}
+
+
{{ $ts._mfm.fontDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.x2 }}
+
+
{{ $ts._mfm.x2Description }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.x3 }}
+
+
{{ $ts._mfm.x3Description }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.x4 }}
+
+
{{ $ts._mfm.x4Description }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.blur }}
+
+
{{ $ts._mfm.blurDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.jelly }}
+
+
{{ $ts._mfm.jellyDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.tada }}
+
+
{{ $ts._mfm.tadaDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.jump }}
+
+
{{ $ts._mfm.jumpDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.bounce }}
+
+
{{ $ts._mfm.bounceDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.spin }}
+
+
{{ $ts._mfm.spinDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.shake }}
+
+
{{ $ts._mfm.shakeDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.twitch }}
+
+
{{ $ts._mfm.twitchDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.rainbow }}
+
+
{{ $ts._mfm.rainbowDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.sparkle }}
+
+
{{ $ts._mfm.sparkleDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.rotate }}
+
+
{{ $ts._mfm.rotateDescription }}
+
+
+ MFM
+
+
+
+
+
{{ $ts._mfm.plain }}
+
+
{{ $ts._mfm.plainDescription }}
+
+
+ MFM
+
-
-
{{ $ts._mfm.url }}
-
-
{{ $ts._mfm.urlDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.link }}
-
-
{{ $ts._mfm.linkDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.emoji }}
-
-
{{ $ts._mfm.emojiDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.bold }}
-
-
{{ $ts._mfm.boldDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.small }}
-
-
{{ $ts._mfm.smallDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.quote }}
-
-
{{ $ts._mfm.quoteDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.center }}
-
-
{{ $ts._mfm.centerDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.inlineCode }}
-
-
{{ $ts._mfm.inlineCodeDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.blockCode }}
-
-
{{ $ts._mfm.blockCodeDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.inlineMath }}
-
-
{{ $ts._mfm.inlineMathDescription }}
-
-
- MFM
-
-
-
-
-
-
{{ $ts._mfm.flip }}
-
-
{{ $ts._mfm.flipDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.font }}
-
-
{{ $ts._mfm.fontDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.x2 }}
-
-
{{ $ts._mfm.x2Description }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.x3 }}
-
-
{{ $ts._mfm.x3Description }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.x4 }}
-
-
{{ $ts._mfm.x4Description }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.blur }}
-
-
{{ $ts._mfm.blurDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.jelly }}
-
-
{{ $ts._mfm.jellyDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.tada }}
-
-
{{ $ts._mfm.tadaDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.jump }}
-
-
{{ $ts._mfm.jumpDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.bounce }}
-
-
{{ $ts._mfm.bounceDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.spin }}
-
-
{{ $ts._mfm.spinDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.shake }}
-
-
{{ $ts._mfm.shakeDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.twitch }}
-
-
{{ $ts._mfm.twitchDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.rainbow }}
-
-
{{ $ts._mfm.rainbowDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.sparkle }}
-
-
{{ $ts._mfm.sparkleDescription }}
-
-
- MFM
-
-
-
-
-
{{ $ts._mfm.rotate }}
-
-
{{ $ts._mfm.rotateDescription }}
-
-
- MFM
-
-
-
-
+
@@ -306,35 +318,36 @@ import { definePageMetadata } from '@/scripts/page-metadata';
import { i18n } from '@/i18n';
import { instance } from '@/instance';
-const preview_mention = '@example';
-const preview_hashtag = '#test';
-const preview_url = 'https://example.com';
-const preview_link = `[${i18n.ts._mfm.dummy}](https://example.com)`;
-const preview_emoji = instance.emojis.length ? `:${instance.emojis[0].name}:` : ':emojiname:';
-const preview_bold = `**${i18n.ts._mfm.dummy}**`;
-const preview_small = `
${i18n.ts._mfm.dummy}`;
-const preview_center = `
${i18n.ts._mfm.dummy}`;
-const preview_inlineCode = '`<: "Hello, world!"`';
-const preview_blockCode = '```\n~ (#i, 100) {\n\t<: ? ((i % 15) = 0) "FizzBuzz"\n\t\t.? ((i % 3) = 0) "Fizz"\n\t\t.? ((i % 5) = 0) "Buzz"\n\t\t. i\n}\n```';
-const preview_inlineMath = '\\(x= \\frac{-b\' \\pm \\sqrt{(b\')^2-ac}}{a}\\)';
-const preview_quote = `> ${i18n.ts._mfm.dummy}`;
-const preview_search = `${i18n.ts._mfm.dummy} 検索`;
-const preview_jelly = '$[jelly 🍮] $[jelly.speed=5s 🍮]';
-const preview_tada = '$[tada 🍮] $[tada.speed=5s 🍮]';
-const preview_jump = '$[jump 🍮] $[jump.speed=5s 🍮]';
-const preview_bounce = '$[bounce 🍮] $[bounce.speed=5s 🍮]';
-const preview_shake = '$[shake 🍮] $[shake.speed=5s 🍮]';
-const preview_twitch = '$[twitch 🍮] $[twitch.speed=5s 🍮]';
-const preview_spin = '$[spin 🍮] $[spin.left 🍮] $[spin.alternate 🍮]\n$[spin.x 🍮] $[spin.x,left 🍮] $[spin.x,alternate 🍮]\n$[spin.y 🍮] $[spin.y,left 🍮] $[spin.y,alternate 🍮]\n\n$[spin.speed=5s 🍮]';
-const preview_flip = `$[flip ${i18n.ts._mfm.dummy}]\n$[flip.v ${i18n.ts._mfm.dummy}]\n$[flip.h,v ${i18n.ts._mfm.dummy}]`;
-const preview_font = `$[font.serif ${i18n.ts._mfm.dummy}]\n$[font.monospace ${i18n.ts._mfm.dummy}]\n$[font.cursive ${i18n.ts._mfm.dummy}]\n$[font.fantasy ${i18n.ts._mfm.dummy}]`;
-const preview_x2 = '$[x2 🍮]';
-const preview_x3 = '$[x3 🍮]';
-const preview_x4 = '$[x4 🍮]';
-const preview_blur = `$[blur ${i18n.ts._mfm.dummy}]`;
-const preview_rainbow = '$[rainbow 🍮] $[rainbow.speed=5s 🍮]';
-const preview_sparkle = '$[sparkle 🍮]';
-const preview_rotate = '$[rotate 🍮]';
+let preview_mention = $ref('@example');
+let preview_hashtag = $ref('#test');
+let preview_url = $ref('https://example.com');
+let preview_link = $ref(`[${i18n.ts._mfm.dummy}](https://example.com)`);
+let preview_emoji = $ref(instance.emojis.length ? `:${instance.emojis[0].name}:` : ':emojiname:');
+let preview_bold = $ref(`**${i18n.ts._mfm.dummy}**`);
+let preview_small = $ref(`
${i18n.ts._mfm.dummy}`);
+let preview_center = $ref(`
${i18n.ts._mfm.dummy}`);
+let preview_inlineCode = $ref('`<: "Hello, world!"`');
+let preview_blockCode = $ref('```\n~ (#i, 100) {\n\t<: ? ((i % 15) = 0) "FizzBuzz"\n\t\t.? ((i % 3) = 0) "Fizz"\n\t\t.? ((i % 5) = 0) "Buzz"\n\t\t. i\n}\n```');
+let preview_inlineMath = $ref('\\(x= \\frac{-b\' \\pm \\sqrt{(b\')^2-ac}}{a}\\)');
+let preview_quote = $ref(`> ${i18n.ts._mfm.dummy}`);
+let preview_search = $ref(`${i18n.ts._mfm.dummy} 検索`);
+let preview_jelly = $ref('$[jelly 🍮] $[jelly.speed=5s 🍮]');
+let preview_tada = $ref('$[tada 🍮] $[tada.speed=5s 🍮]');
+let preview_jump = $ref('$[jump 🍮] $[jump.speed=5s 🍮]');
+let preview_bounce = $ref('$[bounce 🍮] $[bounce.speed=5s 🍮]');
+let preview_shake = $ref('$[shake 🍮] $[shake.speed=5s 🍮]');
+let preview_twitch = $ref('$[twitch 🍮] $[twitch.speed=5s 🍮]');
+let preview_spin = $ref('$[spin 🍮] $[spin.left 🍮] $[spin.alternate 🍮]\n$[spin.x 🍮] $[spin.x,left 🍮] $[spin.x,alternate 🍮]\n$[spin.y 🍮] $[spin.y,left 🍮] $[spin.y,alternate 🍮]\n\n$[spin.speed=5s 🍮]');
+let preview_flip = $ref(`$[flip ${i18n.ts._mfm.dummy}]\n$[flip.v ${i18n.ts._mfm.dummy}]\n$[flip.h,v ${i18n.ts._mfm.dummy}]`);
+let preview_font = $ref(`$[font.serif ${i18n.ts._mfm.dummy}]\n$[font.monospace ${i18n.ts._mfm.dummy}]\n$[font.cursive ${i18n.ts._mfm.dummy}]\n$[font.fantasy ${i18n.ts._mfm.dummy}]`);
+let preview_x2 = $ref('$[x2 🍮]');
+let preview_x3 = $ref('$[x3 🍮]');
+let preview_x4 = $ref('$[x4 🍮]');
+let preview_blur = $ref(`$[blur ${i18n.ts._mfm.dummy}]`);
+let preview_rainbow = $ref('$[rainbow 🍮] $[rainbow.speed=5s 🍮]');
+let preview_sparkle = $ref('$[sparkle 🍮]');
+let preview_rotate = $ref('$[rotate 🍮]');
+let preview_plain = $ref('
**bold** @mention #hashtag `code` $[x2 🍮]');
definePageMetadata({
title: i18n.ts._mfm.cheatSheet,
diff --git a/packages/client/src/pages/registry.value.vue b/packages/client/src/pages/registry.value.vue
index 34253cc93b..9deb31e4a4 100644
--- a/packages/client/src/pages/registry.value.vue
+++ b/packages/client/src/pages/registry.value.vue
@@ -74,7 +74,7 @@ function fetchValue() {
async function save() {
try {
JSON5.parse(valueForEditor);
- } catch (e) {
+ } catch (err) {
os.alert({
type: 'error',
text: i18n.ts.invalidValue,
diff --git a/packages/client/src/pages/settings/email.vue b/packages/client/src/pages/settings/email.vue
index e575af6d6b..9d2afd6a6f 100644
--- a/packages/client/src/pages/settings/email.vue
+++ b/packages/client/src/pages/settings/email.vue
@@ -10,7 +10,7 @@
-
+
{{ $ts.receiveAnnouncementFromInstance }}
diff --git a/packages/client/src/pages/settings/index.vue b/packages/client/src/pages/settings/index.vue
index f970660a4a..8b1cc6c124 100644
--- a/packages/client/src/pages/settings/index.vue
+++ b/packages/client/src/pages/settings/index.vue
@@ -330,13 +330,11 @@ definePageMetadata(INFO);
width: 34%;
padding-right: 32px;
box-sizing: border-box;
- overflow: auto;
}
> .main {
flex: 1;
min-width: 0;
- overflow: auto;
}
}
}
diff --git a/packages/client/src/pages/settings/profile.vue b/packages/client/src/pages/settings/profile.vue
index f30b0ccbdc..5bb3273b3f 100644
--- a/packages/client/src/pages/settings/profile.vue
+++ b/packages/client/src/pages/settings/profile.vue
@@ -1,11 +1,11 @@
diff --git a/packages/client/src/scripts/popup-position.ts b/packages/client/src/scripts/popup-position.ts
new file mode 100644
index 0000000000..e84eebf103
--- /dev/null
+++ b/packages/client/src/scripts/popup-position.ts
@@ -0,0 +1,158 @@
+import { Ref } from 'vue';
+
+export function calcPopupPosition(el: HTMLElement, props: {
+ anchorElement: HTMLElement | null;
+ innerMargin: number;
+ direction: 'top' | 'bottom' | 'left' | 'right';
+ align: 'top' | 'bottom' | 'left' | 'right' | 'center';
+ alignOffset?: number;
+ x?: number;
+ y?: number;
+}): { top: number; left: number; transformOrigin: string; } {
+ const contentWidth = el.offsetWidth;
+ const contentHeight = el.offsetHeight;
+
+ let rect: DOMRect;
+
+ if (props.anchorElement) {
+ rect = props.anchorElement.getBoundingClientRect();
+ }
+
+ const calcPosWhenTop = () => {
+ let left: number;
+ let top: number;
+
+ if (props.anchorElement) {
+ left = rect.left + window.pageXOffset + (props.anchorElement.offsetWidth / 2);
+ top = (rect.top + window.pageYOffset - contentHeight) - props.innerMargin;
+ } else {
+ left = props.x;
+ top = (props.y - contentHeight) - props.innerMargin;
+ }
+
+ left -= (el.offsetWidth / 2);
+
+ if (left + contentWidth - window.pageXOffset > window.innerWidth) {
+ left = window.innerWidth - contentWidth + window.pageXOffset - 1;
+ }
+
+ return [left, top];
+ };
+
+ const calcPosWhenBottom = () => {
+ let left: number;
+ let top: number;
+
+ if (props.anchorElement) {
+ left = rect.left + window.pageXOffset + (props.anchorElement.offsetWidth / 2);
+ top = (rect.top + window.pageYOffset + props.anchorElement.offsetHeight) + props.innerMargin;
+ } else {
+ left = props.x;
+ top = (props.y) + props.innerMargin;
+ }
+
+ left -= (el.offsetWidth / 2);
+
+ if (left + contentWidth - window.pageXOffset > window.innerWidth) {
+ left = window.innerWidth - contentWidth + window.pageXOffset - 1;
+ }
+
+ return [left, top];
+ };
+
+ const calcPosWhenLeft = () => {
+ let left: number;
+ let top: number;
+
+ if (props.anchorElement) {
+ left = (rect.left + window.pageXOffset - contentWidth) - props.innerMargin;
+ top = rect.top + window.pageYOffset + (props.anchorElement.offsetHeight / 2);
+ } else {
+ left = (props.x - contentWidth) - props.innerMargin;
+ top = props.y;
+ }
+
+ top -= (el.offsetHeight / 2);
+
+ if (top + contentHeight - window.pageYOffset > window.innerHeight) {
+ top = window.innerHeight - contentHeight + window.pageYOffset - 1;
+ }
+
+ return [left, top];
+ };
+
+ const calcPosWhenRight = () => {
+ let left: number;
+ let top: number;
+
+ if (props.anchorElement) {
+ left = (rect.left + props.anchorElement.offsetWidth + window.pageXOffset) + props.innerMargin;
+
+ if (props.align === 'top') {
+ top = rect.top + window.pageYOffset;
+ if (props.alignOffset != null) top += props.alignOffset;
+ } else if (props.align === 'bottom') {
+ // TODO
+ } else { // center
+ top = rect.top + window.pageYOffset + (props.anchorElement.offsetHeight / 2);
+ top -= (el.offsetHeight / 2);
+ }
+ } else {
+ left = props.x + props.innerMargin;
+ top = props.y;
+ top -= (el.offsetHeight / 2);
+ }
+
+ if (top + contentHeight - window.pageYOffset > window.innerHeight) {
+ top = window.innerHeight - contentHeight + window.pageYOffset - 1;
+ }
+
+ return [left, top];
+ };
+
+ const calc = (): {
+ left: number;
+ top: number;
+ transformOrigin: string;
+ } => {
+ switch (props.direction) {
+ case 'top': {
+ const [left, top] = calcPosWhenTop();
+
+ // ツールチップを上に向かって表示するスペースがなければ下に向かって出す
+ if (top - window.pageYOffset < 0) {
+ const [left, top] = calcPosWhenBottom();
+ return { left, top, transformOrigin: 'center top' };
+ }
+
+ return { left, top, transformOrigin: 'center bottom' };
+ }
+
+ case 'bottom': {
+ const [left, top] = calcPosWhenBottom();
+ // TODO: ツールチップを下に向かって表示するスペースがなければ上に向かって出す
+ return { left, top, transformOrigin: 'center top' };
+ }
+
+ case 'left': {
+ const [left, top] = calcPosWhenLeft();
+
+ // ツールチップを左に向かって表示するスペースがなければ右に向かって出す
+ if (left - window.pageXOffset < 0) {
+ const [left, top] = calcPosWhenRight();
+ return { left, top, transformOrigin: 'left center' };
+ }
+
+ return { left, top, transformOrigin: 'right center' };
+ }
+
+ case 'right': {
+ const [left, top] = calcPosWhenRight();
+ // TODO: ツールチップを右に向かって表示するスペースがなければ左に向かって出す
+ return { left, top, transformOrigin: 'left center' };
+ }
+ }
+ };
+
+ return calc();
+}
diff --git a/packages/client/src/store.ts b/packages/client/src/store.ts
index 5033333313..3971214af0 100644
--- a/packages/client/src/store.ts
+++ b/packages/client/src/store.ts
@@ -270,7 +270,7 @@ type Plugin = {
* 常にメモリにロードしておく必要がないような設定情報を保管するストレージ(非リアクティブ)
*/
import lightTheme from '@/themes/l-light.json5';
-import darkTheme from '@/themes/d-dark.json5';
+import darkTheme from '@/themes/d-green-lime.json5';
export class ColdDeviceStorage {
public static default = {
diff --git a/packages/client/src/types/menu.ts b/packages/client/src/types/menu.ts
index ed67e6ab88..972f6db214 100644
--- a/packages/client/src/types/menu.ts
+++ b/packages/client/src/types/menu.ts
@@ -11,10 +11,11 @@ export type MenuA = { type: 'a', href: string, target?: string, download?: strin
export type MenuUser = { type: 'user', user: Misskey.entities.User, active?: boolean, indicate?: boolean, action: MenuAction };
export type MenuSwitch = { type: 'switch', ref: Ref, text: string, disabled?: boolean };
export type MenuButton = { type?: 'button', text: string, icon?: string, indicate?: boolean, danger?: boolean, active?: boolean, avatar?: Misskey.entities.User; action: MenuAction };
+export type MenuParent = { type: 'parent', text: string, icon?: string, children: OuterMenuItem[] };
export type MenuPending = { type: 'pending' };
-type OuterMenuItem = MenuDivider | MenuNull | MenuLabel | MenuLink | MenuA | MenuUser | MenuSwitch | MenuButton;
-type OuterPromiseMenuItem = Promise;
+type OuterMenuItem = MenuDivider | MenuNull | MenuLabel | MenuLink | MenuA | MenuUser | MenuSwitch | MenuButton | MenuParent;
+type OuterPromiseMenuItem = Promise;
export type MenuItem = OuterMenuItem | OuterPromiseMenuItem;
-export type InnerMenuItem = MenuDivider | MenuPending | MenuLabel | MenuLink | MenuA | MenuUser | MenuSwitch | MenuButton;
+export type InnerMenuItem = MenuDivider | MenuPending | MenuLabel | MenuLink | MenuA | MenuUser | MenuSwitch | MenuButton | MenuParent;
diff --git a/packages/client/src/ui/_common_/common.vue b/packages/client/src/ui/_common_/common.vue
index 9f7388db53..f32cd3fe0d 100644
--- a/packages/client/src/ui/_common_/common.vue
+++ b/packages/client/src/ui/_common_/common.vue
@@ -1,5 +1,6 @@
-DEV BUILD