v0.0.2

- import `ffxiv-axis-font`
- allow access to app `version`
- fix `mobile` auto-update
- update `README`

README.md

@@ -13,10 +13,11 @@ Visit our [Github Page](https://infsein.github.io/hqhelper-dawntrail/) and enjoy
 
 ### Development Progress
 
-It is just a foundation now.
+This repository is still under construction and may undergo significant changes at any time.
 
 #### To-do List
-- [√] i18n
+
+- [x] i18n
 - [ ] Development Document
 
 ### Predecessor
@@ -34,8 +35,10 @@ You could still view screenshot, description and tutorials, or just download and
 
 The application would be updated automatically when `master` branch code been changed.
 
-In the early stages of development, the code can be directly pushed to the master branch. 
-But after the application is officially launched, the changes should be thoroughly tested in the dev branch before merging into the master branch.
+In the early stages of development, the code can be directly pushed to the `master` branch. 
+But after the application is officially launched,
+the changes should be thoroughly tested in the `dev` branch
+before merging into the `master` branch.
 
 ### Clone and Build
 
@@ -45,3 +48,16 @@ cd hqhelper-dawntrail
 npm i
 npm run dev
 ```
+
+## References
+
+1. [Naive UI](https://github.com/tusen-ai/naive-ui)
+2. [FFXIV Axis Font Icons](https://github.com/thewakingsands/ffxiv-axis-font-icons)
+
+Reference may not be all listed above.
+
+## License
+
+The license of this project might be changed in the future.
+
+For now, it is under `MIT License`.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hqhelper-dawntrail",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "private": true,
   "type": "module",
   "scripts": {

src/App.vue

@@ -41,6 +41,14 @@ i18n.activeLanguage = locale.value
 
 // * Local Variables
 const showUserPreferencesModal = ref(false)
+const isMobile = ref(false)
+
+// * Variables' auto updates
+const updateIsMobile = () => {
+  isMobile.value = window.innerWidth < window.innerHeight
+}
+updateIsMobile()
+window.addEventListener('resize', updateIsMobile)
 
 // #endregion
 
@@ -127,6 +135,9 @@ const onUserPreferencesSubmitted = () => {
 // * Provide i18n t
 provide('t', t)
 
+// * Procide is-mobile
+provide('isMobile', isMobile)
+
 // * Provide User Preferences Modal
 provide('showUserPreferencesModal', () => {
   showUserPreferencesModal.value = true
@@ -171,7 +182,7 @@ provide('hqHelperToaster', hqHelperToast)
       <n-layout-content>
         <div id="main-container">
           <header>
-            <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />
+            <i class="xiv hq logo" style=""></i>
 
             <div class="wrapper">
               <HelloWorld :msg="t('欢迎')" />
@@ -220,6 +231,8 @@ header {
 .logo {
   display: block;
   margin: 0 auto 2rem;
+  font-size: 125px;
+  color: var(--n-text-color);
 }
 
 @media (min-width: 1024px) {

src/assets/font.css

@@ -0,0 +1,5 @@
+@font-face {
+  font-family: 'FFXIV';
+  src: url('font/FFXIV_Lodestone_SSF.woff') format('woff');
+  unicode-range: U+E020-E0DB;
+}