docs update

docs/docs/getting-started/api-usage.md

@@ -2,7 +2,7 @@
 
 ## Getting a Token
 
-Currently Mealie doesn't support creating a long-live token. You can however get a token from the API. This example was pulled from the automatic API documentation provided by Mealie.
+Mealie supports long-live api tokens in the user frontend. In you profile section you can use the 
 
 ### Curl
 ```bash

docs/docs/getting-started/install.md

@@ -7,7 +7,6 @@ To deploy mealie on your local network it is highly recommended to use docker to
 [Mealie on Dockerhub](https://hub.docker.com/r/hkotel/mealie) 
 
  - linux/amd64 
- - linux/arm/v7
  - linux/arm64
 
 
@@ -77,9 +76,10 @@ services:
 ## Env Variables
 
 | Variables         | Default               | Description                                                                         |
-| ----------------- | ------------------ | ----------------------------------------------------------------------------------- |
+| ----------------- | --------------------- | ----------------------------------------------------------------------------------- |
 | DEFAULT_GROUP     | Home                  | The default group for users                                                         |
 | DEFAULT_EMAIL     | changeme@email.com    | The default username for the superuser                                              |
+| BASE_URL          | http://localhost:8080 | Used for Notifications                                                              |
 | DB_ENGINE         | sqlite                | Optional: 'sqlite', 'postgres'                                                      |
 | POSTGRES_USER     | mealie                | Postgres database user                                                              |
 | POSTGRES_PASSWORD | mealie                | Postgres database password                                                          |

frontend/src/components/Recipe/ContextMenu.vue

@@ -110,14 +110,18 @@ export default {
           this.$refs.deleteRecipieConfirm.open();
           break;
         case "share":
-            if (navigator.share){
-            navigator.share({
+          if (navigator.share) {
+            navigator
+              .share({
                 title: this.name,
                 text: this.recipeText,
                 url: this.recipeURL,
               })
-            .then(() => console.log('Successful share'))
-            .catch((error) => console.log('WebShareAPI not supported', error))
+              .then(() => console.log("Successful share"))
+              .catch(error => {
+                console.log("WebShareAPI not supported", error);
+                this.updateClipboard();
+              });
           } else this.updateClipboard();
           break;
         case "edit":
@@ -138,10 +142,13 @@ export default {
     updateClipboard() {
       const copyText = this.recipeURL;
       navigator.clipboard.writeText(copyText).then(
-          () => { console.log("Copied to Clipboard", copyText);
-            utils.notify.success("Copied to Clipboard");},
-          () => console.log("Copied Failed", copyText));
+        () => {
+          console.log("Copied to Clipboard", copyText);
+          utils.notify.success("Copied to Clipboard");
+        },
+        () => console.log("Copied Failed", copyText)
+      );
     },
   },
-}
+};
 </script>

frontend/src/locales/messages/en-US.json

@@ -215,7 +215,7 @@
     "ingredient": "Ingredient",
     "ingredients": "Ingredients",
     "instructions": "Instructions",
-    "share-recipe-message": "I wanted to share you my {0} recipe.",
+    "share-recipe-message": "I wanted to share my {0} recipe with you.",
     "key-name-required": "Key Name Required",
     "landscape-view-coming-soon": "Landscape View (Coming Soon)",
     "milligrams": "milligrams",