Update validUrl method, replace method with computed value in template

src/libraries/utils.js

@@ -1,3 +1,13 @@
+/**
+ * Verifies whether the url starts with http:https:// or https://
+ * @function
+ * @param {string} url - The url of the portfolio site
+ * @returns {boolean} 
+ */
+ const isValidUrl = (url) => {
+ return url.indexOf("https://") === 0 || url.indexOf("http:https://") === 0
+ }
+
  /**
  * Our CMS does not validate urls,
  * urls are entered in manually by the author,
@@ -11,7 +21,7 @@
  const https = "https://";
  const trimmedUrl = url.trim();
 
- if (trimmedUrl.includes(https) || trimmedUrl.includes("http:https://")) {
+ if (isValidUrl(trimmedUrl)) {
  return trimmedUrl;
  }
  return https + trimmedUrl;

src/pages/About.vue

@@ -91,9 +91,16 @@ export default {
  metaInfo: {
  title: "About us",
  },
- methods: {
+  methods: {
  validUrl
  }
-
+ // methods: {
+ // validUrl
+ // },
+ // computed: {
+ // portfolioUrl() {
+ // // return this.validUrl(member.node.contact_links.portfolio_url)
+ // }
+ // }
 };
 </script>

src/templates/Biopost.vue

@@ -22,7 +22,7 @@
  >
  <a
  v-if="$page.biopost.contact_links.portfolio_url"
- :href="validUrl($page.biopost.contact_links.portfolio_url)"
+ :href="portfolioUrl"
  class="font-bold underline"
  >Portfolio</a
  >
@@ -72,6 +72,11 @@ export default {
  },
  methods: {
  validUrl
+ },
+ computed: {
+ portfolioUrl() {
+ return this.validUrl(this.$page.biopost.contact_links.portfolio_url)
+ }
  }
 };
 </script>