UX: Improve wording in frontend templates

Author: lastzero

frontend/package-lock.json

@@ -50,7 +50,7 @@
     "eslint-config-prettier": "^8.3.0",
     "eslint-config-standard": "^16.0.3",
     "eslint-formatter-pretty": "^4.1.0",
-    "eslint-friendly-formatter": "^4.0.1",
+    "eslint-friendly-formatter": "^3.0.0",
     "eslint-plugin-html": "^6.1.2",
     "eslint-plugin-import": "^2.23.4",
     "eslint-plugin-node": "^11.1.0",
@@ -91,7 +91,7 @@
     "resolve-url-loader": "^3.1.4",
     "sass": "^1.36.0",
     "sass-loader": "^12.1.0",
-    "server": "^1.0.34",
+    "server": "^1.0.36",
     "sockette": "^2.0.6",
     "style-loader": "^3.1.0",
     "svg-url-loader": "^7.1.1",

frontend/package.json

@@ -5,14 +5,14 @@
         color="secondary-dark" icon="lightbulb_outline" class="no-results ma-2 opacity-70" outline
     >
       <h3 v-if="filter.order === 'edited'" class="body-2 ma-0 pa-0">
-        <translate>Couldn't find recently edited</translate>
+        <translate>No recently edited pictures</translate>
       </h3>
       <h3 v-else class="body-2 ma-0 pa-0">
-        <translate>Couldn't find anything</translate>
+        <translate>No pictures found</translate>
       </h3>
       <p class="body-1 mt-2 mb-0 pa-0">
         <translate>Try again using other filters or keywords.</translate>
-        <translate>When a file you expect is missing, please rescan your library and wait until indexing has been completed.</translate>
+        <translate>In case pictures you expect are missing, please rescan your library and wait until indexing has been completed.</translate>
         <template v-if="$config.feature('review')" class="mt-2 mb-0 pa-0">
           <translate>Non-photographic and low-quality images require a review before they appear in search results.</translate>
         </template>

frontend/src/component/photo/cards.vue

@@ -6,14 +6,14 @@
           color="secondary-dark" icon="lightbulb_outline" class="no-results ma-2 opacity-70" outline
       >
         <h3 v-if="filter.order === 'edited'" class="body-2 ma-0 pa-0">
-          <translate>Couldn't find recently edited</translate>
+          <translate>No recently edited pictures</translate>
         </h3>
         <h3 v-else class="body-2 ma-0 pa-0">
-          <translate>Couldn't find anything</translate>
+          <translate>No pictures found</translate>
         </h3>
         <p class="body-1 mt-2 mb-0 pa-0">
           <translate>Try again using other filters or keywords.</translate>
-          <translate>When a file you expect is missing, please rescan your library and wait until indexing has been completed.</translate>
+          <translate>In case pictures you expect are missing, please rescan your library and wait until indexing has been completed.</translate>
           <template v-if="config.settings.features.review" class="mt-2 mb-0 pa-0">
             <translate>Non-photographic and low-quality images require a review before they appear in search results.</translate>
           </template>

frontend/src/component/photo/list.vue

@@ -5,14 +5,14 @@
         color="secondary-dark" icon="lightbulb_outline" class="no-results ma-2 opacity-70" outline
     >
       <h3 v-if="filter.order === 'edited'" class="body-2 ma-0 pa-0">
-        <translate>Couldn't find recently edited</translate>
+        <translate>No recently edited pictures</translate>
       </h3>
       <h3 v-else class="body-2 ma-0 pa-0">
-        <translate>Couldn't find anything</translate>
+        <translate>No pictures found</translate>
       </h3>
       <p class="body-1 mt-2 mb-0 pa-0">
         <translate>Try again using other filters or keywords.</translate>
-        <translate>When a file you expect is missing, please rescan your library and wait until indexing has been completed.</translate>
+        <translate>In case pictures you expect are missing, please rescan your library and wait until indexing has been completed.</translate>
         <template v-if="$config.feature('review')" class="mt-2 mb-0 pa-0">
           <translate>Non-photographic and low-quality images require a review before they appear in search results.</translate>
         </template>

frontend/src/component/photo/mosaic.vue

@@ -3,10 +3,10 @@
 PhotoPrism uses [gettext](https://en.wikipedia.org/wiki/Gettext) for localizing frontend and backend.
 It's one of the most widely adopted standards for translating user interfaces.
 
-Human readable messages like `File not found` are used as ids for finding matching translations, 
+Human-readable messages like `File not found` are used as ids for finding matching translations, 
 and used as defaults whenever there is no translation available.
 
-Messages may optionally contain placeholders, like `Found %{n} files`, for numbers and 
+Messages may optionally contain placeholders, like `%{n} files found`, for numbers and 
 other variables.
 
 We strongly recommend [Poedit](https://poedit.net/download) for creating and updating translations.