feat: Add basic support for Web Share Target API (mealie-recipes#714)

chrisheil · Oct 2, 2021 · 66fdd6c · 66fdd6c
1 parent 3f419ad
commit 66fdd6c
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 6 deletions.
diff --git a/frontend/public/manifest.json b/frontend/public/manifest.json
@@ -78,5 +78,13 @@
   "start_url": ".",
   "display": "standalone",
   "background_color": "#FFFFFF",
-  "theme_color": "#E58325"
-}
+  "theme_color": "#E58325",
+  "share_target": {
+    "action": "/",
+    "method": "GET",
+    "params": {
+      "title": "title",
+      "text": "recipe_import_url"
+    }
+  }
+}
diff --git a/frontend/src/components/UI/TheRecipeFab.vue b/frontend/src/components/UI/TheRecipeFab.vue
@@ -166,10 +166,12 @@ export default {
   },
 
   mounted() {
-    if (this.$route.query.recipe_import_url) {
-      this.addRecipe = true;
-      this.createRecipe();
-    }
+    this.$router.onReady(() => {
+      if (this.$route.query.recipe_import_url) {
+        this.addRecipe = true;
+        this.createRecipe();
+      }
+    });
   },
 
   computed: {