Clean up

src/components/GameBoard/GameBoardActions.vue

@@ -1,5 +1,5 @@
 <template lang="html">
-    <div class="list-actions">
+    <div class="game-board-actions">
         <div class="actions">
             <button
                 class="small success"
@@ -10,14 +10,14 @@
             </button>
 
             <modal
-                :title="$t('listActions.title.gameTags')"
+                :title="$t('tags.title')"
                 ref="tags"
-                :message="$t('listActions.message.useTags')"
+                :message="$t('tags.useTags')"
                 padded
             >
                 <button
                     class="small primary"
-                    :title="$t('listActions.title.gameTags')"
+                    :title="$t('gameTags')"
                 >
                     <i class="fas fa-tag" />
                 </button>
@@ -32,7 +32,7 @@
             >
                 <button
                     class="small accent"
-                    :title="$t('listActions.title.gameTags')"
+                    :title="$t('gameTags')"
                 >
                     <i class="fas fa-cog" />
                 </button>
@@ -94,7 +94,7 @@ export default {
 <style lang="scss" rel="stylesheet/scss" scoped>
     @import "src/styles/styles.scss";
 
-    .list-actions {
+    .game-board-actions {
         padding-right: $gp;
     }
 

src/components/GameBoard/ListSettings.vue

@@ -58,7 +58,13 @@
         </section>
 
         <footer>
-            <button class="filled small tiny info hollow" v-shortkey="['esc']" @shortkey="cancel" @click="cancel" title="back">
+            <button
+                class="filled small tiny info hollow"
+                title="back"
+                v-shortkey="['esc']"
+                @shortkey="cancel"
+                @click="cancel"
+            >
                 <i class="fas fa-chevron-left" />
                 Back
             </button>

src/components/GameDetail/GameReviewBox.vue

@@ -6,23 +6,23 @@
             </section>
 
             <section v-if="gameModes">
-                <strong>{{ $t('gameDetails.reviewBox.gameModes') }}</strong> {{ gameModes }}
+                <strong>{{ $t('gameDetail.gameModes') }}</strong> {{ gameModes }}
             </section>
 
             <section v-if="genres">
-                <strong>{{ $t('gameDetails.reviewBox.genres') }}</strong> {{ genres }}
+                <strong>{{ $t('gameDetail.genres') }}</strong> {{ genres }}
             </section>
 
             <section v-if="gamePlatforms">
-                <strong>{{ $t('gameDetails.reviewBox.gamePlatforms') }}</strong> {{ gamePlatforms }}
+                <strong>{{ $t('gameDetail.gamePlatforms') }}</strong> {{ gamePlatforms }}
             </section>
 
             <section v-if="developers">
-                <strong>{{ $t('gameDetails.reviewBox.developers') }}</strong> {{ developers }}
+                <strong>{{ $t('gameDetail.developers') }}</strong> {{ developers }}
             </section>
 
             <section v-if="publishers">
-                <strong>{{ $t('gameDetails.reviewBox.publishers') }}</strong> {{ publishers }}
+                <strong>{{ $t('gameDetail.publishers') }}</strong> {{ publishers }}
             </section>
 
             <!-- <section v-if="releaseDate">

src/components/GameDetail/GameScreenshots.vue

@@ -3,7 +3,7 @@
         v-if="game.screenshots"
         :class="['game-screenshots', { dark: darkModeEnabled }]"
     >
-        <h3>{{ $t('gameDetails.screenshots.title') }}</h3>
+        <h3>{{ $t('gameDetail.screenshots') }}</h3>
 
         <vue-gallery
             :images="screenshots"

src/components/GameDetail/GameVideos.vue

@@ -1,6 +1,6 @@
 <template lang="html">
     <div class="game-videos" v-if="game.videos">
-        <h3>{{ $t('gameDetails.videos.title') }}</h3>
+        <h3>{{ $t('gameDetail.videos') }}</h3>
 
         <div class="video">
             <iframe

src/components/GameNotes/GameNotes.vue

@@ -29,11 +29,21 @@
                 />
 
                 <div class="note-actions">
-                    <button class="info tag" v-shortkey="['shift', 'c']" @shortkey="reset" @click="reset">
-                        {{ $t('global.cancel') }}
+                    <button
+                        class="info tag"
+                        v-shortkey="['shift', 'c']"
+                        @shortkey="reset"
+                        @click="reset"
+                    >
+                        {{ $t('cancel') }}
                     </button>
 
-                    <button class="error tag" v-shortkey="['shift', 'del']" @shortkey="deleteNote" @click="deleteNote">
+                    <button
+                        class="error tag"
+                        v-shortkey="['shift', 'del']"
+                        @shortkey="deleteNote"
+                        @click="deleteNote"
+                    >
                         <i class="far fa-trash-alt" />
                     </button>
 

src/components/GameSearch/GameSearch.vue

@@ -5,7 +5,7 @@
                 ref="searchInput"
                 type="text"
                 v-model="searchText"
-                :placeholder="$t('gameSearch.input.placeholder')"
+                :placeholder="$t('gameSearch.inputPlaceholder')"
             />
 
             <button class="primary small search-button" @click="search">
@@ -37,7 +37,13 @@
         </panel>
 
         <div class="search-actions">
-            <button class="small filled info" v-shortkey="['esc']" @shortkey="back" @click="back" title="back">
+            <button
+                class="small filled info"
+                title="back"
+                v-shortkey="['esc']"
+                @shortkey="back"
+                @click="back"
+            >
                 <i class="fas fa-chevron-left" />
                 {{ $t('back') }}
             </button>

src/components/IgdbCredit/IgdbCredit.vue

@@ -1,7 +1,7 @@
 <template lang="html">
     <a :href="href" class="igdb-credit" target="_blank" :class="{ gray }">
         <img :src="`/static/img/igdb-logo${logo}.svg`" />
-        <strong>{{ $t('igdbCredit.poweredBy') }}</strong>
+        <strong>{{ $t('igdbCredit.poweredByIgdb') }}</strong>
     </a>
 </template>
 

src/components/Lists/List.vue

@@ -3,7 +3,7 @@
     <div :class="['list', viewClass, { dark: darkModeEnabled }, transparent]">
         <div class="list-header" :class="{ searching, editing }">
             <div v-if="searching">
-                {{ $t('game.addPlural') }}
+                {{ $t('gameSearch.title') }}
                 <strong>{{ list[listIndex].name }}</strong>
             </div>
 

src/components/Settings/Settings.vue

@@ -3,7 +3,7 @@
         class="settings"
         :class="{ dark: darkModeEnabled }"
     >
-        <h4>{{ $t('settings.title.global') }}</h4>
+        <h4>{{ $t('settings.global') }}</h4>
 
         <section>
             <i class="fas fa-moon" />
@@ -66,6 +66,7 @@
             </button>
 
             <modal
+                padded
                 :message="$t('settings.deleteAccount.message')"
                 :title="$t('settings.deleteAccount.title')"
                 :action-text="$t('settings.deleteAccount.button')"
@@ -85,7 +86,7 @@
 
             <span>
                 <i class="fas fa-code" />
-                {{ $t('global.by') }}
+                {{ $t('by') }}
                 <a href="https://twitter.com/romancm" target="_blank">@romancm</a>
             </span>
 

src/components/Tags/Tags.vue

@@ -12,13 +12,13 @@
             class="add-tag"
             :class="textColor"
         >
-            <h5>{{ $t('tags.title.addTag') }}</h5>
+            <h5>{{ $t('tags.title') }}</h5>
 
             <div class="tag-input">
                 <input
                     type="text"
                     v-model="tagName"
-                    :placeholder="$t('tags.input.placeholder')"
+                    :placeholder="$t('tags.inputPlaceholder')"
                 />
 
                 <input
@@ -35,7 +35,7 @@
                 >
                     <i class="fas fa-plus-circle" />
 
-                    {{ $t('tags.button.createTag') }}
+                    {{ $t('tags.createTag') }}
                 </button>
             </div>
         </div>

src/components/WallpaperUpload/WallpaperUpload.vue

@@ -24,7 +24,7 @@
                         :class="{ primary: !transparent }"
                         @click="setTransparent(false)"
                     >
-                      {{ $t('global.no') }}
+                      {{ $t('no') }}
                     </button>
 
                     <button
@@ -32,7 +32,7 @@
                         :class="{ primary: transparent }"
                         @click="setTransparent(true)"
                     >
-                      {{ $t('global.yes') }}
+                      {{ $t('yes') }}
                     </button>
                 </div>
 

src/i18n/en.js

@@ -1,10 +1,7 @@
 module.exports = {
-    searchPlaceholder: 'Search here',
-    share: 'Share',
-    empty: 'empty',
-    back: 'Back',
-    save: 'Save',
     global: {
+        back: 'Back',
+        save: 'Save',
         cancel: 'Cancel',
         create: 'Create',
         filter: 'Filter',
@@ -14,32 +11,28 @@ module.exports = {
         yes: 'yes',
         or: 'or',
         returnHome: 'Return home',
-    },
-    errors: {
         pageNotFound: 'Page not found',
+        add: 'Add game',
     },
     platforms: {
         donateMessage: 'Gamebrary is free and open source, consider helping its development by',
+        donating: 'donating',
+        reportBugs: 'reporting bugs',
+        submitFeedback: 'submitting feedback',
     },
-    game: {
-        add: 'Add game',
-        addPlural: 'Add games to',
+    igdbCredit: {
+        poweredByIgdb: 'Powered by IGDB',
     },
-    gameDetails: {
-        videos: {
-            title: 'Videos',
-        },
-        screenshots: {
-            title: 'Screenshots',
-        },
-        reviewBox: {
-            playerPerspectives: 'Perspective',
-            gameModes: 'Game Mode',
-            genres: 'Genre',
-            gamePlatforms: 'Platforms',
-            developers: 'Developer',
-            publishers: 'Publishers',
-        },
+    gameDetail: {
+        videos: 'Videos',
+        screenshots: 'Screenshots',
+        playerPerspectives: 'Perspective',
+        gameModes: 'Game Mode',
+        genres: 'Genre',
+        gamePlatforms: 'Platforms',
+        developers: 'Developer',
+        publishers: 'Publishers',
+        removeFromList: 'Remove from list',
     },
     list: {
         edit: 'Edit list name',
@@ -54,55 +47,36 @@ module.exports = {
         emptyList: 'This list is empty',
     },
     settings: {
+        global: 'Global',
         darkTheme: 'Dark theme',
         newsletter: 'Receive update emails (Beta)',
         ownedLists: 'Only show my platforms',
         sortPlatforms: 'Sort platforms alphabetically',
         ratings: 'Hide game ratings',
         signOut: 'Sign out',
-        deleteAccount: {
-            button: 'Delete account',
-            message: 'Your account data will be deleted forever.',
-            title: 'Are you sure?',
-        },
-        title: {
-            global: 'Global',
-        },
-        donate: 'donating',
-        reportBugs: 'reporting bugs',
-        submitFeedback: 'submitting feedback',
         wallpaper: {
             title: 'Upload wallpaper',
             transparency: 'Semi transparent lists',
             currentWallpaper: 'Current wallpaper',
             removeWallpaper: 'Remove wallpaper',
         },
+        deleteAccount: {
+            button: 'Delete account',
+            message: 'Your account data will be deleted forever.',
+            title: 'Are you sure?',
+        },
     },
     tags: {
-        title: {
-            addTag: 'Add Tag',
-        },
-        button: {
-            createTag: 'Create tag',
-        },
-        input: {
-            placeholder: 'Tag name',
-        },
+        title: 'Game tags',
+        addTag: 'Add Tag',
+        createTag: 'Create tag',
+        inputPlaceholder: 'Tag name',
         applyTag: 'Apply tag',
         useTags: 'Use tags to better organise your games',
     },
-    listActions: {
-        title: {
-            gameTags: 'Game tags'
-        },
-    },
-    igdbCredit: {
-      poweredBy: 'Powered by IGDB',
-    },
     gameSearch: {
-        input: {
-          placeholder: 'Search here',
-        },
+        title: 'Add games to',
+        inputPlaceholder: 'Search here',
         alreadyInList: 'from search results already in your list',
         noResultsFound: 'No results found for ',
         missingGame: 'Missing a game? Help out the community and',

src/pages/GameDetail.vue

@@ -14,15 +14,20 @@
                         <game-rating :rating="game.rating" />
 
                         <div class="actions" v-if="list.games.includes(game.id)">
-                            <button class="error small hollow" v-shortkey="['del']" @shortkey="removeGame" @click="removeGame">
+                            <button
+                                class="error small hollow"
+                                v-shortkey="['del']"
+                                @shortkey="removeGame"
+                                @click="removeGame"
+                            >
                                 <i class="far fa-trash-alt delete-game" />
-                                Remove from list
+                                {{ $t('gameDetail.removeFromList')}}
                             </button>
 
                             <div class="tags" v-if="hasTags">
                                 <button class="primary hollow small" @click="openTags">
                                     <i class="fas fa-tag" />
-                                    Add tag
+                                    {{ $t('tags.addTag') }}
                                 </button>
                             </div>
                         </div>

src/pages/NotFound.vue

@@ -1,10 +1,10 @@
 <template lang="html">
     <div class="not-found-page">
         <h1>404</h1>
-        <h3>{{ $t('errors.pageNotFound') }}</h3>
+        <h3>{{ $t('pageNotFound') }}</h3>
 
         <a :href="homeUrl" class="link primary">
-            {{ $t('global.returnHome') }}
+            {{ $t('returnHome') }}
         </a>
     </div>
 </template>

src/pages/Platforms.vue

@@ -15,15 +15,15 @@
             <small>
               {{ $t('platforms.donateMessage') }}
                 <a href="https://www.paypal.me/RomanCervantes/5" target="_blank">
-                    {{ $t('settings.donate') }}
+                    {{ $t('platforms.donating') }}
                 </a>
                 ,
                 <a href="https://github.com/romancmx/gamebrary/issues" target="_blank">
-                    {{ $t('settings.reportBugs') }}
+                    {{ $t('platform.reportBugs') }}
                 </a>
-                {{$t('global.or')}}
+                {{$t('or')}}
                 <a href="https://goo.gl/forms/r0juBCsZaUtJ03qb2" target="_blank">
-                    {{ $t('settings.submitFeedback') }}
+                    {{ $t('platform.submitFeedback') }}
                 </a>
                 .
             </small>