refactor(client): Use symbol
This commit is contained in:
		
							parent
							
								
									d3fe02fb3e
								
							
						
					
					
						commit
						45e5d89353
					
				
					 103 changed files with 246 additions and 142 deletions
				
			
		|  | @ -29,6 +29,7 @@ import { popout } from '@client/scripts/popout'; | |||
| import copyToClipboard from '@client/scripts/copy-to-clipboard'; | ||||
| import { resolve } from '@client/router'; | ||||
| import { url } from '@client/config'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -123,8 +124,8 @@ export default defineComponent({ | |||
| 	methods: { | ||||
| 		changePage(page) { | ||||
| 			if (page == null) return; | ||||
| 			if (page.INFO) { | ||||
| 				this.pageInfo = page.INFO; | ||||
| 			if (page[symbols.PAGE_INFO]) { | ||||
| 				this.pageInfo = page[symbols.PAGE_INFO]; | ||||
| 			} | ||||
| 		}, | ||||
| 
 | ||||
|  |  | |||
|  | @ -14,6 +14,7 @@ | |||
| import { defineComponent } from 'vue'; | ||||
| import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons'; | ||||
| import MkButton from '@client/components/ui/button.vue'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -21,7 +22,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.error, | ||||
| 				icon: faExclamationTriangle | ||||
| 			}, | ||||
|  |  | |||
|  | @ -64,6 +64,7 @@ import FormKeyValueView from '@client/components/form/key-value-view.vue'; | |||
| import MkLink from '@client/components/link.vue'; | ||||
| import { physics } from '@client/scripts/physics.ts'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| const patrons = [ | ||||
| 	'Satsuki Yanagi', | ||||
|  | @ -115,7 +116,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.aboutMisskey, | ||||
| 				icon: null | ||||
| 			}, | ||||
|  |  | |||
|  | @ -48,6 +48,7 @@ import FormGroup from '@client/components/form/group.vue'; | |||
| import FormKeyValueView from '@client/components/form/key-value-view.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import number from '@client/filters/number'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -59,7 +60,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.instanceInfo, | ||||
| 				icon: faInfoCircle | ||||
| 			}, | ||||
|  |  | |||
|  | @ -109,6 +109,7 @@ import { host } from '@client/config'; | |||
| import * as os from '@client/os'; | ||||
| import { ColdDeviceStorage } from '@client/store'; | ||||
| import { addTheme } from '@client/theme-store'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -122,7 +123,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.themeEditor, | ||||
| 				icon: faPalette, | ||||
| 			}, | ||||
|  |  | |||
|  | @ -21,6 +21,7 @@ import { faCheck, faBroadcastTower } from '@fortawesome/free-solid-svg-icons'; | |||
| import MkPagination from '@client/components/ui/pagination.vue'; | ||||
| import MkButton from '@client/components/ui/button.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -30,7 +31,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.announcements, | ||||
| 				icon: faBroadcastTower | ||||
| 			}, | ||||
|  |  | |||
|  | @ -32,6 +32,7 @@ import MkInput from '@client/components/ui/input.vue'; | |||
| import MkTextarea from '@client/components/ui/textarea.vue'; | ||||
| import MkSwitch from '@client/components/ui/switch.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -40,7 +41,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: 'API console', | ||||
| 				icon: faTerminal | ||||
| 			}, | ||||
|  |  | |||
|  | @ -30,6 +30,7 @@ import MkButton from '@client/components/ui/button.vue'; | |||
| import MkInput from '@client/components/ui/input.vue'; | ||||
| import { selectFile } from '@client/scripts/select-file'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -45,7 +46,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: computed(() => this.channelId ? { | ||||
| 			[symbols.PAGE_INFO]: computed(() => this.channelId ? { | ||||
| 				title: this.$ts._channel.edit, | ||||
| 				icon: faSatelliteDish, | ||||
| 			} : { | ||||
|  |  | |||
|  | @ -35,6 +35,7 @@ import XPostForm from '@client/components/post-form.vue'; | |||
| import XTimeline from '@client/components/timeline.vue'; | ||||
| import XChannelFollowButton from '@client/components/channel-follow-button.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -53,7 +54,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: computed(() => this.channel ? { | ||||
| 			[symbols.PAGE_INFO]: computed(() => this.channel ? { | ||||
| 				title: this.channel.name, | ||||
| 				icon: faSatelliteDish, | ||||
| 			} : null), | ||||
|  |  | |||
|  | @ -39,6 +39,7 @@ import MkChannelPreview from '@client/components/channel-preview.vue'; | |||
| import MkPagination from '@client/components/ui/pagination.vue'; | ||||
| import MkButton from '@client/components/ui/button.vue'; | ||||
| import MkTab from '@client/components/tab.vue'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -46,7 +47,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.channel, | ||||
| 				icon: faSatelliteDish, | ||||
| 				action: { | ||||
|  |  | |||
|  | @ -20,6 +20,7 @@ import MkContainer from '@client/components/ui/container.vue'; | |||
| import XPostForm from '@client/components/post-form.vue'; | ||||
| import XNotes from '@client/components/notes.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -37,7 +38,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: computed(() => this.clip ? { | ||||
| 			[symbols.PAGE_INFO]: computed(() => this.clip ? { | ||||
| 				title: this.clip.name, | ||||
| 				icon: faPaperclip, | ||||
| 				action: { | ||||
|  |  | |||
|  | @ -15,6 +15,7 @@ import MarkdownIt from 'markdown-it'; | |||
| import MarkdownItAnchor from 'markdown-it-anchor'; | ||||
| import { url, lang } from '@client/config'; | ||||
| import MkLink from '@client/components/link.vue'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| const markdown = MarkdownIt({ | ||||
| 	html: true | ||||
|  | @ -38,7 +39,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: computed(() => this.title ? { | ||||
| 			[symbols.PAGE_INFO]: computed(() => this.title ? { | ||||
| 				title: this.title, | ||||
| 				icon: faQuestionCircle, | ||||
| 			} : null), | ||||
|  |  | |||
|  | @ -16,11 +16,12 @@ | |||
| import { defineComponent } from 'vue'; | ||||
| import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons' | ||||
| import { url, lang } from '@client/config'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.help, | ||||
| 				icon: faQuestionCircle | ||||
| 			}, | ||||
|  |  | |||
|  | @ -9,6 +9,7 @@ import { computed, defineComponent } from 'vue'; | |||
| import { faCloud } from '@fortawesome/free-solid-svg-icons'; | ||||
| import XDrive from '@client/components/drive.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -17,7 +18,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: computed(() => this.folder ? this.folder.name : this.$ts.drive), | ||||
| 				icon: faCloud, | ||||
| 				menu: () => this.$refs.drive.getMenu() | ||||
|  |  | |||
|  | @ -75,6 +75,7 @@ import MkFolder from '@client/components/ui/folder.vue'; | |||
| import MkInput from '@client/components/ui/input.vue'; | ||||
| import number from '@client/filters/number'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -92,7 +93,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.explore, | ||||
| 				icon: faHashtag | ||||
| 			}, | ||||
|  |  | |||
|  | @ -10,6 +10,7 @@ import { faStar } from '@fortawesome/free-solid-svg-icons'; | |||
| import Progress from '@client/scripts/loading'; | ||||
| import XNotes from '@client/components/notes.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -18,7 +19,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.favorites, | ||||
| 				icon: faStar | ||||
| 			}, | ||||
|  |  | |||
|  | @ -9,6 +9,7 @@ import { defineComponent } from 'vue'; | |||
| import { faFireAlt } from '@fortawesome/free-solid-svg-icons'; | ||||
| import Progress from '@client/scripts/loading'; | ||||
| import XNotes from '@client/components/notes.vue'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -17,7 +18,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.featured, | ||||
| 				icon: faFireAlt | ||||
| 			}, | ||||
|  |  | |||
|  | @ -35,6 +35,7 @@ import { faUserClock, faCheck, faTimes } from '@fortawesome/free-solid-svg-icons | |||
| import MkPagination from '@client/components/ui/pagination.vue'; | ||||
| import { userPage, acct } from '../filters/user'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -43,7 +44,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.followRequests, | ||||
| 				icon: faUserClock, | ||||
| 			}, | ||||
|  |  | |||
|  | @ -72,6 +72,7 @@ import MkSelect from '@client/components/ui/select.vue'; | |||
| import MkPagination from '@client/components/ui/pagination.vue'; | ||||
| import { acct } from '../../filters/user'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -83,7 +84,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.abuseReports, | ||||
| 				icon: faExclamationCircle | ||||
| 			}, | ||||
|  |  | |||
|  | @ -34,6 +34,7 @@ import MkButton from '@client/components/ui/button.vue'; | |||
| import MkInput from '@client/components/ui/input.vue'; | ||||
| import MkTextarea from '@client/components/ui/textarea.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -44,7 +45,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.announcements, | ||||
| 				icon: faBroadcastTower | ||||
| 			}, | ||||
|  |  | |||
|  | @ -59,6 +59,7 @@ import MkPagination from '@client/components/ui/pagination.vue'; | |||
| import MkTab from '@client/components/tab.vue'; | ||||
| import { selectFile } from '@client/scripts/select-file'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -70,7 +71,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.customEmojis, | ||||
| 				icon: faLaugh, | ||||
| 				action: { | ||||
|  |  | |||
|  | @ -67,6 +67,7 @@ import MkSelect from '@client/components/ui/select.vue'; | |||
| import MkPagination from '@client/components/ui/pagination.vue'; | ||||
| import MkInstanceInfo from './instance.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -78,7 +79,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.federation, | ||||
| 				icon: faGlobe | ||||
| 			}, | ||||
|  |  | |||
|  | @ -71,6 +71,7 @@ import MkPagination from '@client/components/ui/pagination.vue'; | |||
| import MkDriveFileThumbnail from '@client/components/drive-file-thumbnail.vue'; | ||||
| import bytes from '@client/filters/bytes'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -83,7 +84,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.files, | ||||
| 				icon: faCloud | ||||
| 			}, | ||||
|  |  | |||
|  | @ -70,6 +70,7 @@ import number from '../../filters/number'; | |||
| import MkInstanceInfo from './instance.vue'; | ||||
| import XMetrics from './index.metrics.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -85,7 +86,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				tabs: [{ | ||||
| 					id: 'index', | ||||
| 					title: null, | ||||
|  |  | |||
|  | @ -37,6 +37,7 @@ import MkInput from '@client/components/ui/input.vue'; | |||
| import MkSelect from '@client/components/ui/select.vue'; | ||||
| import MkTextarea from '@client/components/ui/textarea.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -48,7 +49,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.serverLogs, | ||||
| 				icon: faStream | ||||
| 			}, | ||||
|  |  | |||
|  | @ -21,6 +21,7 @@ import { faTrashAlt } from '@fortawesome/free-regular-svg-icons'; | |||
| import MkButton from '@client/components/ui/button.vue'; | ||||
| import XQueue from './queue.chart.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -30,7 +31,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.jobQueue, | ||||
| 				icon: faExchangeAlt, | ||||
| 			}, | ||||
|  |  | |||
|  | @ -28,6 +28,7 @@ import { faSave, faTrashAlt } from '@fortawesome/free-regular-svg-icons'; | |||
| import MkButton from '@client/components/ui/button.vue'; | ||||
| import MkInput from '@client/components/ui/input.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -37,7 +38,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.relays, | ||||
| 				icon: faProjectDiagram, | ||||
| 			}, | ||||
|  |  | |||
|  | @ -261,6 +261,7 @@ import { url } from '@client/config'; | |||
| import getAcct from '@/misc/acct/render'; | ||||
| import * as os from '@client/os'; | ||||
| import { fetchInstance } from '@client/instance'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -274,7 +275,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.instance, | ||||
| 				icon: faCog, | ||||
| 			}, | ||||
|  |  | |||
|  | @ -89,6 +89,7 @@ import MkSelect from '@client/components/ui/select.vue'; | |||
| import MkPagination from '@client/components/ui/pagination.vue'; | ||||
| import { acct } from '../../filters/user'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -100,7 +101,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.users, | ||||
| 				icon: faUsers, | ||||
| 				action: { | ||||
|  |  | |||
|  | @ -9,6 +9,7 @@ import { defineComponent } from 'vue'; | |||
| import { faAt } from '@fortawesome/free-solid-svg-icons'; | ||||
| import Progress from '@client/scripts/loading'; | ||||
| import XNotes from '@client/components/notes.vue'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -17,7 +18,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.mentions, | ||||
| 				icon: faAt | ||||
| 			}, | ||||
|  |  | |||
|  | @ -9,6 +9,7 @@ import { defineComponent } from 'vue'; | |||
| import { faEnvelope } from '@fortawesome/free-solid-svg-icons'; | ||||
| import Progress from '@client/scripts/loading'; | ||||
| import XNotes from '@client/components/notes.vue'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -17,7 +18,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.directNotes, | ||||
| 				icon: faEnvelope | ||||
| 			}, | ||||
|  |  | |||
|  | @ -43,6 +43,7 @@ import getAcct from '@/misc/acct/render'; | |||
| import MkButton from '@client/components/ui/button.vue'; | ||||
| import { acct } from '../../filters/user'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -51,7 +52,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.messaging, | ||||
| 				icon: faComments | ||||
| 			}, | ||||
|  |  | |||
|  | @ -47,6 +47,7 @@ import { isBottom, onScrollBottom, scroll } from '@client/scripts/scroll'; | |||
| import * as os from '@client/os'; | ||||
| import { popout } from '@client/scripts/popout'; | ||||
| import * as sound from '@client/scripts/sound'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| const Component = defineComponent({ | ||||
| 	components: { | ||||
|  | @ -70,7 +71,7 @@ const Component = defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: computed(() => !this.fetching ? this.user ? { | ||||
| 			[symbols.PAGE_INFO]: computed(() => !this.fetching ? this.user ? { | ||||
| 				userName: this.user, | ||||
| 				avatar: this.user, | ||||
| 				action: { | ||||
|  |  | |||
|  | @ -272,6 +272,7 @@ | |||
| import { defineComponent } from 'vue'; | ||||
| import { faQuestionCircle } from '@fortawesome/free-regular-svg-icons'; | ||||
| import MkTextarea from '@client/components/ui/textarea.vue'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -280,7 +281,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts._mfm.cheatSheet, | ||||
| 				icon: faQuestionCircle, | ||||
| 			}, | ||||
|  |  | |||
|  | @ -18,6 +18,7 @@ import { faSatellite, faPlus } from '@fortawesome/free-solid-svg-icons'; | |||
| import MkPagination from '@client/components/ui/pagination.vue'; | ||||
| import MkButton from '@client/components/ui/button.vue'; | ||||
| import XAntenna from './index.antenna.vue'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -28,7 +29,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.manageAntennas, | ||||
| 				icon: faSatellite, | ||||
| 				action: { | ||||
|  |  | |||
|  | @ -19,6 +19,7 @@ import { faPlus, faPaperclip } from '@fortawesome/free-solid-svg-icons'; | |||
| import MkPagination from '@client/components/ui/pagination.vue'; | ||||
| import MkButton from '@client/components/ui/button.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -28,7 +29,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.clip, | ||||
| 				icon: faPaperclip, | ||||
| 				action: { | ||||
|  |  | |||
|  | @ -39,6 +39,7 @@ import { faTimes, faUsers } from '@fortawesome/free-solid-svg-icons'; | |||
| import Progress from '@client/scripts/loading'; | ||||
| import MkButton from '@client/components/ui/button.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -54,7 +55,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: computed(() => this.group ? { | ||||
| 			[symbols.PAGE_INFO]: computed(() => this.group ? { | ||||
| 				title: this.group.name, | ||||
| 				icon: faUsers, | ||||
| 			} : null), | ||||
|  |  | |||
|  | @ -54,6 +54,7 @@ import MkContainer from '@client/components/ui/container.vue'; | |||
| import MkAvatars from '@client/components/avatars.vue'; | ||||
| import MkTab from '@client/components/tab.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -66,7 +67,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.groups, | ||||
| 				icon: faUsers | ||||
| 			}, | ||||
|  |  | |||
|  | @ -16,6 +16,7 @@ import { faListUl, faPlus } from '@fortawesome/free-solid-svg-icons'; | |||
| import MkPagination from '@client/components/ui/pagination.vue'; | ||||
| import MkButton from '@client/components/ui/button.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -25,7 +26,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.manageLists, | ||||
| 				icon: faListUl, | ||||
| 				action: { | ||||
|  |  | |||
|  | @ -38,6 +38,7 @@ import { faTimes, faListUl } from '@fortawesome/free-solid-svg-icons'; | |||
| import Progress from '@client/scripts/loading'; | ||||
| import MkButton from '@client/components/ui/button.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -46,7 +47,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: computed(() => this.list ? { | ||||
| 			[symbols.PAGE_INFO]: computed(() => this.list ? { | ||||
| 				title: this.list.name, | ||||
| 				icon: faListUl, | ||||
| 			} : null), | ||||
|  |  | |||
|  | @ -11,11 +11,12 @@ | |||
| import { defineComponent } from 'vue'; | ||||
| import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.notFound, | ||||
| 				icon: faExclamationTriangle | ||||
| 			}, | ||||
|  |  | |||
|  | @ -44,6 +44,7 @@ import XNotes from '@client/components/notes.vue'; | |||
| import MkRemoteCaution from '@client/components/remote-caution.vue'; | ||||
| import MkButton from '@client/components/ui/button.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -61,7 +62,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: computed(() => this.note ? { | ||||
| 			[symbols.PAGE_INFO]: computed(() => this.note ? { | ||||
| 				title: this.$ts.note, | ||||
| 				avatar: this.note.user, | ||||
| 			} : null), | ||||
|  |  | |||
|  | @ -10,6 +10,7 @@ import { faBell } from '@fortawesome/free-solid-svg-icons'; | |||
| import Progress from '@client/scripts/loading'; | ||||
| import XNotifications from '@client/components/notifications.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -18,7 +19,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.notifications, | ||||
| 				icon: faBell | ||||
| 			}, | ||||
|  |  | |||
|  | @ -108,6 +108,7 @@ import { url } from '@client/config'; | |||
| import { collectPageVars } from '@client/scripts/collect-page-vars'; | ||||
| import * as os from '@client/os'; | ||||
| import { selectFile } from '@client/scripts/select-file'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -132,7 +133,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: computed(() => { | ||||
| 			[symbols.PAGE_INFO]: computed(() => { | ||||
| 				let title = this.$ts._pages.newPage; | ||||
| 				if (this.initPageId) { | ||||
| 					title = this.$ts._pages.editPage; | ||||
|  |  | |||
|  | @ -37,6 +37,7 @@ import { faHeart as faHeartS } from '@fortawesome/free-solid-svg-icons'; | |||
| import { faHeart as faHeartR } from '@fortawesome/free-regular-svg-icons'; | ||||
| import XPage from '@client/components/page/page.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -56,7 +57,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: computed(() => this.page ? { | ||||
| 			[symbols.PAGE_INFO]: computed(() => this.page ? { | ||||
| 				title: computed(() => this.page.title || this.page.name), | ||||
| 				avatar: this.page.user, | ||||
| 			} : null), | ||||
|  |  | |||
|  | @ -37,6 +37,7 @@ import MkPagePreview from '@client/components/page-preview.vue'; | |||
| import MkPagination from '@client/components/ui/pagination.vue'; | ||||
| import MkButton from '@client/components/ui/button.vue'; | ||||
| import MkTab from '@client/components/tab.vue'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -44,7 +45,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.pages, | ||||
| 				icon: faStickyNote, | ||||
| 				action: { | ||||
|  |  | |||
|  | @ -8,6 +8,7 @@ | |||
| import { defineComponent } from 'vue'; | ||||
| import { faEye } from '@fortawesome/free-solid-svg-icons'; | ||||
| import MkSample from '@client/components/sample.vue'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -16,7 +17,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.preview, | ||||
| 				icon: faEye, | ||||
| 			}, | ||||
|  |  | |||
|  | @ -10,6 +10,7 @@ import GameSetting from './game.setting.vue'; | |||
| import GameBoard from './game.board.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import { faGamepad } from '@fortawesome/free-solid-svg-icons'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -26,7 +27,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts._reversi.reversi, | ||||
| 				icon: faGamepad | ||||
| 			}, | ||||
|  |  | |||
|  | @ -65,6 +65,7 @@ import * as os from '@client/os'; | |||
| import MkButton from '@client/components/ui/button.vue'; | ||||
| import MkFolder from '@client/components/ui/folder.vue'; | ||||
| import { faGamepad } from '@fortawesome/free-solid-svg-icons'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -75,7 +76,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts._reversi.reversi, | ||||
| 				icon: faGamepad | ||||
| 			}, | ||||
|  |  | |||
|  | @ -63,6 +63,7 @@ import MkSelect from '@client/components/ui/select.vue'; | |||
| import { selectFile } from '@client/scripts/select-file'; | ||||
| import * as os from '@client/os'; | ||||
| import { ColdDeviceStorage } from '@client/store'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| let room: Room; | ||||
| 
 | ||||
|  | @ -82,7 +83,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: computed(() => this.user ? { | ||||
| 			[symbols.PAGE_INFO]: computed(() => this.user ? { | ||||
| 				title: this.$ts.room, | ||||
| 				avatar: this.user, | ||||
| 			} : null), | ||||
|  |  | |||
|  | @ -33,6 +33,7 @@ import MkContainer from '@client/components/ui/container.vue'; | |||
| import MkButton from '@client/components/ui/button.vue'; | ||||
| import { createAiScriptEnv } from '@client/scripts/aiscript/api'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -43,7 +44,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.scratchpad, | ||||
| 				icon: faTerminal, | ||||
| 			}, | ||||
|  |  | |||
|  | @ -11,6 +11,7 @@ import { computed, defineComponent } from 'vue'; | |||
| import { faSearch } from '@fortawesome/free-solid-svg-icons'; | ||||
| import Progress from '@client/scripts/loading'; | ||||
| import XNotes from '@client/components/notes.vue'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -19,7 +20,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: computed(() => this.$t('searchWith', { q: this.$route.query.q })), | ||||
| 				icon: faSearch | ||||
| 			}, | ||||
|  |  | |||
|  | @ -79,6 +79,7 @@ import FormBase from '@client/components/form/base.vue'; | |||
| import FormGroup from '@client/components/form/group.vue'; | ||||
| import FormButton from '@client/components/form/button.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -90,7 +91,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.twoStepAuthentication, | ||||
| 				icon: faLock | ||||
| 			}, | ||||
|  |  | |||
|  | @ -143,6 +143,7 @@ import FormKeyValueView from '@client/components/form/key-value-view.vue'; | |||
| import * as os from '@client/os'; | ||||
| import number from '@client/filters/number'; | ||||
| import bytes from '@client/filters/bytes'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -159,7 +160,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.accountInfo, | ||||
| 				icon: faInfoCircle | ||||
| 			}, | ||||
|  | @ -168,7 +169,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 
 | ||||
| 		os.api('users/stats', { | ||||
| 			userId: this.$i.id | ||||
|  |  | |||
|  | @ -16,6 +16,7 @@ import FormBase from '@client/components/form/base.vue'; | |||
| import FormGroup from '@client/components/form/group.vue'; | ||||
| import FormButton from '@client/components/form/button.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -28,7 +29,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: 'API', | ||||
| 				icon: faKey | ||||
| 			}, | ||||
|  | @ -37,7 +38,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -47,6 +47,7 @@ import FormBase from '@client/components/form/base.vue'; | |||
| import FormGroup from '@client/components/form/group.vue'; | ||||
| import FormButton from '@client/components/form/button.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -58,7 +59,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.installedApps, | ||||
| 				icon: faPlug, | ||||
| 			}, | ||||
|  | @ -74,7 +75,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -41,6 +41,7 @@ import FormGroup from '@client/components/form/group.vue'; | |||
| import { deckStore } from '@client/ui/deck/deck-store'; | ||||
| import * as os from '@client/os'; | ||||
| import { unisonReload } from '@client/scripts/unison-reload'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -56,7 +57,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.deck, | ||||
| 				icon: faColumns | ||||
| 			}, | ||||
|  | @ -87,7 +88,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -44,6 +44,7 @@ import FormKeyValueView from '@client/components/form/key-value-view.vue'; | |||
| import FormBase from '@client/components/form/base.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import bytes from '@client/filters/bytes'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -57,7 +58,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.drive, | ||||
| 				icon: faCloud | ||||
| 			}, | ||||
|  | @ -100,7 +101,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -20,6 +20,7 @@ import FormInput from '@client/components/form/input.vue'; | |||
| import FormBase from '@client/components/form/base.vue'; | ||||
| import FormGroup from '@client/components/form/group.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -33,7 +34,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.emailAddress, | ||||
| 				icon: faEnvelope | ||||
| 			}, | ||||
|  | @ -48,7 +49,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -32,6 +32,8 @@ import FormSwitch from '@client/components/form/switch.vue'; | |||
| import FormBase from '@client/components/form/base.vue'; | ||||
| import FormGroup from '@client/components/form/group.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -45,7 +47,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.emailNotification, | ||||
| 				icon: faEnvelope | ||||
| 			}, | ||||
|  | @ -69,7 +71,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -30,6 +30,7 @@ import FormBase from '@client/components/form/base.vue'; | |||
| import FormGroup from '@client/components/form/group.vue'; | ||||
| import FormSwitch from '@client/components/form/switch.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -44,7 +45,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.email, | ||||
| 				icon: faEnvelope | ||||
| 			}, | ||||
|  | @ -53,7 +54,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -15,6 +15,7 @@ import FormGroup from '@client/components/form/group.vue'; | |||
| import FormButton from '@client/components/form/button.vue'; | ||||
| import FormKeyValueView from '@client/components/form/key-value-view.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -31,7 +32,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.experimentalFeatures, | ||||
| 				icon: faFlask | ||||
| 			}, | ||||
|  | @ -40,7 +41,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -98,6 +98,7 @@ import { defaultStore } from '@client/store'; | |||
| import { ColdDeviceStorage } from '@client/store'; | ||||
| import * as os from '@client/os'; | ||||
| import { unisonReload } from '@client/scripts/unison-reload'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -115,7 +116,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.general, | ||||
| 				icon: faCogs | ||||
| 			}, | ||||
|  | @ -191,7 +192,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -34,6 +34,7 @@ import FormBase from '@client/components/form/base.vue'; | |||
| import FormGroup from '@client/components/form/group.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import { selectFile } from '@client/scripts/select-file'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -46,7 +47,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.importAndExport, | ||||
| 				icon: faBoxes | ||||
| 			}, | ||||
|  | @ -55,7 +56,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -53,6 +53,7 @@ import FormButton from '@client/components/form/button.vue'; | |||
| import { scroll } from '@client/scripts/scroll'; | ||||
| import { signout } from '@client/account'; | ||||
| import { unisonReload } from '@client/scripts/unison-reload'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -148,7 +149,7 @@ export default defineComponent({ | |||
| 		}); | ||||
| 
 | ||||
| 		return { | ||||
| 			INFO, | ||||
| 			[symbols.PAGE_INFO]: INFO, | ||||
| 			narrow, | ||||
| 			view, | ||||
| 			el, | ||||
|  |  | |||
|  | @ -37,6 +37,7 @@ import { apiUrl } from '@client/config'; | |||
| import FormBase from '@client/components/form/base.vue'; | ||||
| import MkButton from '@client/components/ui/button.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -48,7 +49,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.integration, | ||||
| 				icon: faShareAlt | ||||
| 			}, | ||||
|  | @ -80,7 +81,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 
 | ||||
| 		document.cookie = `igi=${this.$i.token}; path=/;` + | ||||
| 			` max-age=31536000;` + | ||||
|  |  | |||
|  | @ -42,6 +42,7 @@ import FormBase from '@client/components/form/base.vue'; | |||
| import FormGroup from '@client/components/form/group.vue'; | ||||
| import { userPage } from '@client/filters/user'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -57,7 +58,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.muteAndBlock, | ||||
| 				icon: faBan | ||||
| 			}, | ||||
|  | @ -74,7 +75,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -19,6 +19,7 @@ import FormBase from '@client/components/form/base.vue'; | |||
| import FormGroup from '@client/components/form/group.vue'; | ||||
| import { notificationTypes } from '../../../types'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -32,7 +33,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.notifications, | ||||
| 				icon: faBell | ||||
| 			}, | ||||
|  | @ -41,7 +42,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -44,6 +44,7 @@ import { debug } from '@client/config'; | |||
| import { defaultStore } from '@client/store'; | ||||
| import { signout } from '@client/account'; | ||||
| import { unisonReload } from '@client/scripts/unison-reload'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -59,7 +60,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.other, | ||||
| 				icon: faEllipsisH | ||||
| 			}, | ||||
|  | @ -73,7 +74,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -29,6 +29,7 @@ import MkInfo from '@client/components/ui/info.vue'; | |||
| import * as os from '@client/os'; | ||||
| import { ColdDeviceStorage } from '@client/store'; | ||||
| import { unisonReload } from '@client/scripts/unison-reload'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -46,7 +47,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts._plugin.install, | ||||
| 				icon: faDownload | ||||
| 			}, | ||||
|  | @ -56,7 +57,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -42,6 +42,7 @@ import FormBase from '@client/components/form/base.vue'; | |||
| import FormGroup from '@client/components/form/group.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import { ColdDeviceStorage } from '@client/store'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -58,7 +59,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts._plugin.manage, | ||||
| 				icon: faPlug | ||||
| 			}, | ||||
|  | @ -68,7 +69,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -13,6 +13,7 @@ import FormGroup from '@client/components/form/group.vue'; | |||
| import FormLink from '@client/components/form/link.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import { ColdDeviceStorage } from '@client/store'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -24,7 +25,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.plugins, | ||||
| 				icon: faPlug | ||||
| 			}, | ||||
|  | @ -34,7 +35,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| }); | ||||
| </script> | ||||
|  |  | |||
|  | @ -36,6 +36,7 @@ import FormBase from '@client/components/form/base.vue'; | |||
| import FormGroup from '@client/components/form/group.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import { defaultStore } from '@client/store'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -49,7 +50,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.privacy, | ||||
| 				icon: faLockOpen | ||||
| 			}, | ||||
|  | @ -74,7 +75,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -59,6 +59,7 @@ import FormGroup from '@client/components/form/group.vue'; | |||
| import { host, langs } from '@client/config'; | ||||
| import { selectFile } from '@client/scripts/select-file'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -75,7 +76,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.profile, | ||||
| 				icon: faUser | ||||
| 			}, | ||||
|  | @ -136,7 +137,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -45,6 +45,7 @@ import FormBase from '@client/components/form/base.vue'; | |||
| import FormButton from '@client/components/form/button.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import { defaultStore } from '@client/store'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -59,7 +60,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.reaction, | ||||
| 				icon: faLaugh, | ||||
| 				action: { | ||||
|  | @ -87,7 +88,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -33,6 +33,7 @@ import FormGroup from '@client/components/form/group.vue'; | |||
| import FormButton from '@client/components/form/button.vue'; | ||||
| import FormKeyValueView from '@client/components/form/key-value-view.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -56,7 +57,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.registry, | ||||
| 				icon: faCogs | ||||
| 			}, | ||||
|  | @ -71,7 +72,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 		this.fetch(); | ||||
| 	}, | ||||
| 
 | ||||
|  |  | |||
|  | @ -48,6 +48,7 @@ import FormGroup from '@client/components/form/group.vue'; | |||
| import FormButton from '@client/components/form/button.vue'; | ||||
| import FormKeyValueView from '@client/components/form/key-value-view.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -74,7 +75,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.registry, | ||||
| 				icon: faCogs | ||||
| 			}, | ||||
|  | @ -91,7 +92,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 		this.fetch(); | ||||
| 	}, | ||||
| 
 | ||||
|  |  | |||
|  | @ -21,6 +21,7 @@ import FormGroup from '@client/components/form/group.vue'; | |||
| import FormButton from '@client/components/form/button.vue'; | ||||
| import FormKeyValueView from '@client/components/form/key-value-view.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -38,7 +39,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.registry, | ||||
| 				icon: faCogs | ||||
| 			}, | ||||
|  | @ -51,7 +52,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -32,6 +32,7 @@ import FormGroup from '@client/components/form/group.vue'; | |||
| import FormButton from '@client/components/form/button.vue'; | ||||
| import FormPagination from '@client/components/form/pagination.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -46,7 +47,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.security, | ||||
| 				icon: faLock | ||||
| 			}, | ||||
|  | @ -59,7 +60,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -29,6 +29,7 @@ import FormButton from '@client/components/form/button.vue'; | |||
| import * as os from '@client/os'; | ||||
| import { sidebarDef } from '@client/sidebar'; | ||||
| import { defaultStore } from '@client/store'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -42,7 +43,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.sidebar, | ||||
| 				icon: faListUl | ||||
| 			}, | ||||
|  | @ -65,7 +66,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -28,6 +28,7 @@ import FormGroup from '@client/components/form/group.vue'; | |||
| import * as os from '@client/os'; | ||||
| import { ColdDeviceStorage } from '@client/store'; | ||||
| import { playFile } from '@client/scripts/sound'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| const soundsTypes = [ | ||||
| 	null, | ||||
|  | @ -68,7 +69,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.sounds, | ||||
| 				icon: faMusic | ||||
| 			}, | ||||
|  | @ -100,7 +101,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -26,6 +26,7 @@ import { applyTheme, validateTheme } from '@client/scripts/theme'; | |||
| import * as os from '@client/os'; | ||||
| import { ColdDeviceStorage } from '@client/store'; | ||||
| import { addTheme, getThemes } from '@client/theme-store'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -42,7 +43,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts._theme.install, | ||||
| 				icon: faDownload | ||||
| 			}, | ||||
|  | @ -52,7 +53,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -38,6 +38,7 @@ import copyToClipboard from '@client/scripts/copy-to-clipboard'; | |||
| import * as os from '@client/os'; | ||||
| import { ColdDeviceStorage } from '@client/store'; | ||||
| import { getThemes, removeTheme } from '@client/theme-store'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -54,7 +55,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts._theme.manage, | ||||
| 				icon: faFolderOpen | ||||
| 			}, | ||||
|  | @ -82,7 +83,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -78,6 +78,7 @@ import { ColdDeviceStorage } from '@client/store'; | |||
| import { i18n } from '@client/i18n'; | ||||
| import { defaultStore } from '@client/store'; | ||||
| import { fetchThemes, getThemes } from '@client/theme-store'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -144,7 +145,7 @@ export default defineComponent({ | |||
| 		}); | ||||
| 
 | ||||
| 		return { | ||||
| 			INFO, | ||||
| 			[symbols.PAGE_INFO]: INFO, | ||||
| 			darkThemes, | ||||
| 			lightThemes, | ||||
| 			darkTheme, | ||||
|  |  | |||
|  | @ -41,6 +41,7 @@ import FormKeyValueView from '@client/components/form/key-value-view.vue'; | |||
| import MkInfo from '@client/components/ui/info.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import { version, instanceName } from '@client/config'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -58,7 +59,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: 'Misskey Update', | ||||
| 				icon: faSyncAlt | ||||
| 			}, | ||||
|  | @ -70,7 +71,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 
 | ||||
| 		os.api('meta', { | ||||
| 			detail: false | ||||
|  |  | |||
|  | @ -41,6 +41,7 @@ import MkTab from '@client/components/tab.vue'; | |||
| import MkInfo from '@client/components/ui/info.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import number from '@client/filters/number'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -56,7 +57,7 @@ export default defineComponent({ | |||
| 	 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.wordMute, | ||||
| 				icon: faCommentSlash | ||||
| 			}, | ||||
|  | @ -92,7 +93,7 @@ export default defineComponent({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		this.$emit('info', this.INFO); | ||||
| 		this.$emit('info', this[symbols.PAGE_INFO]); | ||||
| 	}, | ||||
| 
 | ||||
| 	methods: { | ||||
|  |  | |||
|  | @ -17,6 +17,7 @@ import { faShareAlt } from '@fortawesome/free-solid-svg-icons'; | |||
| import MkButton from '@client/components/ui/button.vue'; | ||||
| import XPostForm from '@client/components/post-form.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -26,7 +27,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.share, | ||||
| 				icon: faShareAlt | ||||
| 			}, | ||||
|  |  | |||
|  | @ -9,6 +9,7 @@ import { defineComponent } from 'vue'; | |||
| import { faHashtag } from '@fortawesome/free-solid-svg-icons'; | ||||
| import Progress from '@client/scripts/loading'; | ||||
| import XNotes from '@client/components/notes.vue'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -24,7 +25,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.tag, | ||||
| 				icon: faHashtag | ||||
| 			}, | ||||
|  |  | |||
|  | @ -139,6 +139,7 @@ import MkSwitch from '@client/components/ui/switch.vue'; | |||
| import MkTextarea from '@client/components/ui/textarea.vue'; | ||||
| import MkRadio from '@client/components/ui/radio.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -151,7 +152,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: 'TEST', | ||||
| 				icon: faExclamationTriangle | ||||
| 			}, | ||||
|  |  | |||
|  | @ -67,6 +67,7 @@ import { host } from '@client/config'; | |||
| import * as os from '@client/os'; | ||||
| import { ColdDeviceStorage } from '@client/store'; | ||||
| import { addTheme } from '@client/theme-store'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -78,7 +79,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.themeEditor, | ||||
| 				icon: faPalette, | ||||
| 			}, | ||||
|  |  | |||
|  | @ -44,6 +44,7 @@ import XTimeline from '@client/components/timeline.vue'; | |||
| import XPostForm from '@client/components/post-form.vue'; | ||||
| import { scroll } from '@client/scripts/scroll'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	name: 'timeline', | ||||
|  | @ -63,7 +64,7 @@ export default defineComponent({ | |||
| 			menuOpened: false, | ||||
| 			queue: 0, | ||||
| 			width: 0, | ||||
| 			INFO: computed(() => ({ | ||||
| 			[symbols.PAGE_INFO]: computed(() => ({ | ||||
| 				title: this.$ts.timeline, | ||||
| 				icon: this.src === 'local' ? faComments : this.src === 'social' ? faShareAlt : this.src === 'global' ? faGlobe : faHome, | ||||
| 				action: { | ||||
|  |  | |||
|  | @ -237,6 +237,7 @@ import number from '../../filters/number'; | |||
| import { userPage, acct as getAcct } from '../../filters/user'; | ||||
| import * as os from '@client/os'; | ||||
| import { url } from '@client/config'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -268,7 +269,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: computed(() => this.user ? { | ||||
| 			[symbols.PAGE_INFO]: computed(() => this.user ? { | ||||
| 				userName: this.user, | ||||
| 				avatar: this.user, | ||||
| 				share: { | ||||
|  |  | |||
|  | @ -14,11 +14,12 @@ | |||
| import { defineComponent } from 'vue'; | ||||
| import { faInfoCircle } from '@fortawesome/free-solid-svg-icons'; | ||||
| import { version } from '@client/config'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: 'Misskey', | ||||
| 				icon: null | ||||
| 			}, | ||||
|  |  | |||
|  | @ -11,6 +11,7 @@ import XSetup from './welcome.setup.vue'; | |||
| import XEntrance from './welcome.entrance.a.vue'; | ||||
| import { instanceName } from '@client/config'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -20,7 +21,7 @@ export default defineComponent({ | |||
| 
 | ||||
| 	data() { | ||||
| 		return { | ||||
| 			INFO: { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: instanceName, | ||||
| 				icon: null | ||||
| 			}, | ||||
|  |  | |||
							
								
								
									
										1
									
								
								src/client/symbols.ts
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										1
									
								
								src/client/symbols.ts
									
										
									
									
									
										Normal file
									
								
							|  | @ -0,0 +1 @@ | |||
| export const PAGE_INFO = Symbol('Page info'); | ||||
|  | @ -17,6 +17,7 @@ import * as os from '@client/os'; | |||
| import copyToClipboard from '@client/scripts/copy-to-clipboard'; | ||||
| import { resolve } from '@client/router'; | ||||
| import { url } from '@client/config'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -51,8 +52,8 @@ export default defineComponent({ | |||
| 	methods: { | ||||
| 		changePage(page) { | ||||
| 			if (page == null) return; | ||||
| 			if (page.INFO) { | ||||
| 				this.pageInfo = page.INFO; | ||||
| 			if (page[symbols.PAGE_INFO]) { | ||||
| 				this.pageInfo = page[symbols.PAGE_INFO]; | ||||
| 			} | ||||
| 		}, | ||||
| 
 | ||||
|  |  | |||
|  | @ -22,6 +22,7 @@ import XNotes from '@client/components/notes.vue'; | |||
| import XHeader from '@client/ui/_common_/header.vue'; | ||||
| import { deckStore } from '@client/ui/deck/deck-store'; | ||||
| import * as os from '@client/os'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -51,8 +52,8 @@ export default defineComponent({ | |||
| 	methods: { | ||||
| 		changePage(page) { | ||||
| 			if (page == null) return; | ||||
| 			if (page.INFO) { | ||||
| 				this.pageInfo = page.INFO; | ||||
| 			if (page[symbols.PAGE_INFO]) { | ||||
| 				this.pageInfo = page[symbols.PAGE_INFO]; | ||||
| 			} | ||||
| 		}, | ||||
| 
 | ||||
|  |  | |||
|  | @ -20,6 +20,7 @@ import * as os from '@client/os'; | |||
| import copyToClipboard from '@client/scripts/copy-to-clipboard'; | ||||
| import { resolve } from '@client/router'; | ||||
| import { url } from '@client/config'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
|  | @ -54,8 +55,8 @@ export default defineComponent({ | |||
| 	methods: { | ||||
| 		changePage(page) { | ||||
| 			if (page == null) return; | ||||
| 			if (page.INFO) { | ||||
| 				this.pageInfo = page.INFO; | ||||
| 			if (page[symbols.PAGE_INFO]) { | ||||
| 				this.pageInfo = page[symbols.PAGE_INFO]; | ||||
| 			} | ||||
| 		}, | ||||
| 
 | ||||
|  |  | |||
|  | @ -63,6 +63,7 @@ import XCommon from './_common_/common.vue'; | |||
| import XHeader from './_common_/header.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import { sidebarDef } from '@client/sidebar'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| const DESKTOP_THRESHOLD = 1100; | ||||
| const MOBILE_THRESHOLD = 600; | ||||
|  | @ -125,8 +126,8 @@ export default defineComponent({ | |||
| 	methods: { | ||||
| 		changePage(page) { | ||||
| 			if (page == null) return; | ||||
| 			if (page.INFO) { | ||||
| 				this.pageInfo = page.INFO; | ||||
| 			if (page[symbols.PAGE_INFO]) { | ||||
| 				this.pageInfo = page[symbols.PAGE_INFO]; | ||||
| 				document.title = `${this.pageInfo.title} | ${instanceName}`; | ||||
| 			} | ||||
| 		}, | ||||
|  |  | |||
|  | @ -64,6 +64,7 @@ import XHeader from './_common_/header.vue'; | |||
| import XSide from './default.side.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import { sidebarDef } from '@client/sidebar'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| const DESKTOP_THRESHOLD = 1100; | ||||
| 
 | ||||
|  | @ -144,8 +145,8 @@ export default defineComponent({ | |||
| 	methods: { | ||||
| 		changePage(page) { | ||||
| 			if (page == null) return; | ||||
| 			if (page.INFO) { | ||||
| 				this.pageInfo = page.INFO; | ||||
| 			if (page[symbols.PAGE_INFO]) { | ||||
| 				this.pageInfo = page[symbols.PAGE_INFO]; | ||||
| 				document.title = `${this.pageInfo.title} | ${instanceName}`; | ||||
| 			} | ||||
| 		}, | ||||
|  |  | |||
Some files were not shown because too many files have changed in this diff Show more
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue