[Client] Some performance optimizations

src/client/app/init.ts

@@ -25,47 +25,112 @@ if (localStorage.getItem('theme') == null) {
 import { library } from '@fortawesome/fontawesome-svg-core';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 
-/* なぜか動かない
-import faRetweet from '@fortawesome/free-solid-svg-icons/faRetweet';
-import faPlus from '@fortawesome/free-solid-svg-icons/faPlus';
-import faUser from '@fortawesome/free-solid-svg-icons/faUser';
-import faCog from '@fortawesome/free-solid-svg-icons/faCog';
-import faCheck from '@fortawesome/free-solid-svg-icons/faCheck';
-import faStar from '@fortawesome/free-solid-svg-icons/faStar';
-import faReply from '@fortawesome/free-solid-svg-icons/faReply';
-import faEllipsisH from '@fortawesome/free-solid-svg-icons/faEllipsisH';
-import faQuoteLeft from '@fortawesome/free-solid-svg-icons/faQuoteLeft';
-import faQuoteRight from '@fortawesome/free-solid-svg-icons/faQuoteRight';
-import faAngleUp from '@fortawesome/free-solid-svg-icons/faAngleUp';
-import faAngleDown from '@fortawesome/free-solid-svg-icons/faAngleDown';
-import faAt from '@fortawesome/free-solid-svg-icons/faAt';
-import faHashtag from '@fortawesome/free-solid-svg-icons/faHashtag';
-import faHome from '@fortawesome/free-solid-svg-icons/faHome';
-import faGlobe from '@fortawesome/free-solid-svg-icons/faGlobe';
-import faCircle from '@fortawesome/free-solid-svg-icons/faCircle';
-import faList from '@fortawesome/free-solid-svg-icons/faList';
-import faHeart from '@fortawesome/free-solid-svg-icons/faHeart';
-import faUnlock from '@fortawesome/free-solid-svg-icons/faUnlock';
-import faRssSquare from '@fortawesome/free-solid-svg-icons/faRssSquare';
-import faSort from '@fortawesome/free-solid-svg-icons/faSort';
-import faChartPie from '@fortawesome/free-solid-svg-icons/faChartPie';
-import faChartBar from '@fortawesome/free-solid-svg-icons/faChartBar';
-import faPencilAlt from '@fortawesome/free-solid-svg-icons/faPencilAlt';
-import faColumns from '@fortawesome/free-solid-svg-icons/faColumns';
-import faComments from '@fortawesome/free-solid-svg-icons/faComments';
-import faGamepad from '@fortawesome/free-solid-svg-icons/faGamepad';
-import faCloud from '@fortawesome/free-solid-svg-icons/faCloud';
-import faPowerOff from '@fortawesome/free-solid-svg-icons/faPowerOff';
-import faChevronCircleLeft from '@fortawesome/free-solid-svg-icons/faChevronCircleLeft';
-import faChevronCircleRight from '@fortawesome/free-solid-svg-icons/faChevronCircleRight';
-import faShareAlt from '@fortawesome/free-solid-svg-icons/faShareAlt';
-import faTimes from '@fortawesome/free-solid-svg-icons/faTimes';
-import faThumbtack from '@fortawesome/free-solid-svg-icons/faThumbtack';
-import faSearch from '@fortawesome/free-solid-svg-icons/faSearch';
+import {
+	faRetweet,
+	faPlus,
+	faUser,
+	faCog,
+	faCheck,
+	faStar,
+	faReply,
+	faEllipsisH,
+	faQuoteLeft,
+	faQuoteRight,
+	faAngleUp,
+	faAngleDown,
+	faAt,
+	faHashtag,
+	faHome,
+	faGlobe,
+	faCircle,
+	faList,
+	faHeart,
+	faUnlock,
+	faRssSquare,
+	faSort,
+	faChartPie,
+	faChartBar,
+	faPencilAlt,
+	faColumns,
+	faComments,
+	faGamepad,
+	faCloud,
+	faPowerOff,
+	faChevronCircleLeft,
+	faChevronCircleRight,
+	faShareAlt,
+	faTimes,
+	faThumbtack,
+	faSearch,
+	faAngleRight,
+	faWrench,
+	faTerminal,
+	faMoon,
+	faPalette,
+	faSlidersH,
+	faDesktop,
+	faVolumeUp,
+	faLanguage,
+	faInfoCircle,
+	faExclamationTriangle,
+	faKey,
+	faBan,
+	faCogs,
+	faUnlockAlt,
+	faPuzzlePiece,
+	faMobileAlt,
+	faSignInAlt,
+	faSyncAlt,
+	faPaperPlane,
+	faUpload,
+	faMapMarkerAlt,
+	faEnvelope,
+	faLock,
+	faFolderOpen,
+	faBirthdayCake,
+	faImage,
+	faEye,
+	faDownload,
+	faFileImport,
+	faLink,
+	faArrowRight,
+	faICursor,
+	faCaretRight,
+	faReplyAll,
+	faCamera,
+	faMinus,
+	faCaretDown,
+	faCalculator,
+	faUsers,
+	faBars,
+	faFileImage,
+	faPollH,
+	faFolder,
+	faMicrochip,
+	faMemory,
+	faServer,
+	faExclamationCircle,
+} from '@fortawesome/free-solid-svg-icons';
 
-import farBell from '@fortawesome/free-regular-svg-icons/faBell';
-import farEnvelope from '@fortawesome/free-regular-svg-icons/faEnvelope';
-import farComments from '@fortawesome/free-regular-svg-icons/faComments';
+import {
+	faBell as farBell,
+	faEnvelope as farEnvelope,
+	faComments as farComments,
+	faTrashAlt as farTrashAlt,
+	faWindowRestore as farWindowRestore,
+	faFolder as farFolder,
+	faLaugh as farLaugh,
+	faSmile as farSmile,
+	faEyeSlash as farEyeSlash,
+	faFolderOpen as farFolderOpen,
+	faSave as farSave,
+	faImages as farImages,
+	faChartBar as farChartBar,
+	faCommentAlt as farCommentAlt,
+	faClock as farClock,
+	faCalendarAlt as farCalendarAlt,
+	faHdd as farHdd,
+} from '@fortawesome/free-regular-svg-icons';
 
 library.add(
 	faRetweet,
@@ -104,16 +169,73 @@ library.add(
 	faTimes,
 	faThumbtack,
 	faSearch,
+	faAngleRight,
+	faWrench,
+	faTerminal,
+	faMoon,
+	faPalette,
+	faSlidersH,
+	faDesktop,
+	faVolumeUp,
+	faLanguage,
+	faInfoCircle,
+	faExclamationTriangle,
+	faKey,
+	faBan,
+	faCogs,
+	faUnlockAlt,
+	faPuzzlePiece,
+	faMobileAlt,
+	faSignInAlt,
+	faSyncAlt,
+	faPaperPlane,
+	faUpload,
+	faMapMarkerAlt,
+	faEnvelope,
+	faLock,
+	faFolderOpen,
+	faBirthdayCake,
+	faImage,
+	faEye,
+	faDownload,
+	faFileImport,
+	faLink,
+	faArrowRight,
+	faICursor,
+	faCaretRight,
+	faReplyAll,
+	faCamera,
+	faMinus,
+	faCaretDown,
+	faCalculator,
+	faUsers,
+	faBars,
+	faFileImage,
+	faPollH,
+	faFolder,
+	faMicrochip,
+	faMemory,
+	faServer,
+	faExclamationCircle,
+
 	farBell,
 	farEnvelope,
 	farComments,
+	farTrashAlt,
+	farWindowRestore,
+	farFolder,
+	farLaugh,
+	farSmile,
+	farEyeSlash,
+	farFolderOpen,
+	farSave,
+	farImages,
+	farChartBar,
+	farCommentAlt,
+	farClock,
+	farCalendarAlt,
+	farHdd,
 );
-*/
-
-import { fas } from '@fortawesome/free-solid-svg-icons';
-import { far } from '@fortawesome/free-regular-svg-icons';
-
-library.add(fas, far);
 //#endregion
 
 Vue.use(Vuex);