Implement mixins in internal pages

webapp/mixins/internalPageMixins.js

@@ -0,0 +1,19 @@
+
+import InternalPage from '~/components/_new/features/InternalPage/InternalPage.vue'
+
+export function internalPageMixins(pageParams) {
+  return {
+    layout: 'basic',
+    components: {
+      InternalPage,
+    },
+    data() {
+      return { pageParams }
+    },
+    created() {
+      if (!this.pageParams.isInternalPage) {
+        window.location.href = this.pageParams.externalLink
+      }
+    },
+  }
+}

webapp/pages/code-of-conduct.vue

@@ -1,18 +1,12 @@
 <template>
-  <internal-page :pageParams="links.CODE_OF_CONDUCT" />
+  <internal-page :pageParams="pageParams" />
 </template>
 
 <script>
 import links from '~/constants/links.js'
-import InternalPage from '~/components/_new/features/InternalPage/InternalPage.vue'
+import { internalPageMixins } from '~/mixins/internalPageMixins'
 
 export default {
-  layout: 'basic',
+  mixins: [internalPageMixins(links.CODE_OF_CONDUCT)],
-  components: {
-    InternalPage,
-  },
-  data() {
-    return { links }
-  },
 }
 </script>

webapp/pages/data-privacy.vue

@@ -1,18 +1,12 @@
 <template>
-  <internal-page :pageParams="links.DATA_PRIVACY" />
+  <internal-page :pageParams="pageParams" />
 </template>
 
 <script>
 import links from '~/constants/links.js'
-import InternalPage from '~/components/_new/features/InternalPage/InternalPage.vue'
+import { internalPageMixins } from '~/mixins/internalPageMixins'
 
 export default {
-  layout: 'basic',
+  mixins: [internalPageMixins(links.DATA_PRIVACY)],
-  components: {
-    InternalPage,
-  },
-  data() {
-    return { links }
-  },
 }
 </script>

webapp/pages/donate.vue

@@ -1,23 +1,12 @@
 <template>
-  <internal-page :pageParams="links.DONATE" />
+  <internal-page :pageParams="pageParams" />
 </template>
 
 <script>
 import links from '~/constants/links.js'
-import InternalPage from '~/components/_new/features/InternalPage/InternalPage.vue'
+import { internalPageMixins } from '~/mixins/internalPageMixins'
 
 export default {
-  layout: 'basic',
+  mixins: [internalPageMixins(links.DONATE)],
-  components: {
-    InternalPage,
-  },
-  data() {
-    return { links }
-  },
-  created() {
-    if (!this.links.DONATE.isInternalPage) {
-      window.location.href = this.links.DONATE.externalLink
-    }
-  },
 }
 </script>

webapp/pages/faq.vue

@@ -1,18 +1,12 @@
 <template>
-  <internal-page :pageParams="links.FAQ" />
+  <internal-page :pageParams="pageParams" />
 </template>
 
 <script>
 import links from '~/constants/links.js'
-import InternalPage from '~/components/_new/features/InternalPage/InternalPage.vue'
+import { internalPageMixins } from '~/mixins/internalPageMixins'
 
 export default {
-  layout: 'basic',
+  mixins: [internalPageMixins(links.FAQ)],
-  components: {
-    InternalPage,
-  },
-  data() {
-    return { links }
-  },
 }
 </script>

webapp/pages/imprint.vue

@@ -1,18 +1,12 @@
 <template>
-  <internal-page :pageParams="links.IMPRINT" />
+  <internal-page :pageParams="pageParams" />
 </template>
 
 <script>
 import links from '~/constants/links.js'
-import InternalPage from '~/components/_new/features/InternalPage/InternalPage.vue'
+import { internalPageMixins } from '~/mixins/internalPageMixins'
 
 export default {
-  layout: 'basic',
+  mixins: [internalPageMixins(links.IMPRINT)],
-  components: {
-    InternalPage,
-  },
-  data() {
-    return { links }
-  },
 }
 </script>

webapp/pages/organization.vue

@@ -1,18 +1,12 @@
 <template>
-  <internal-page :pageParams="links.ORGANIZATION" />
+  <internal-page :pageParams="pageParams" />
 </template>
 
 <script>
 import links from '~/constants/links.js'
-import InternalPage from '~/components/_new/features/InternalPage/InternalPage.vue'
+import { internalPageMixins } from '~/mixins/internalPageMixins'
 
 export default {
-  layout: 'basic',
+  mixins: [internalPageMixins(links.ORGANIZATION)],
-  components: {
-    InternalPage,
-  },
-  data() {
-    return { links }
-  },
 }
 </script>

webapp/pages/support.vue

@@ -1,18 +1,12 @@
 <template>
-  <internal-page :pageParams="links.SUPPORT" />
+  <internal-page :pageParams="pageParams" />
 </template>
 
 <script>
 import links from '~/constants/links.js'
-import InternalPage from '~/components/_new/features/InternalPage/InternalPage.vue'
+import { internalPageMixins } from '~/mixins/internalPageMixins'
 
 export default {
-  layout: 'basic',
+  mixins: [internalPageMixins(links.SUPPORT)],
-  components: {
-    InternalPage,
-  },
-  data() {
-    return { links }
-  },
 }
 </script>

webapp/pages/terms-and-conditions.vue

@@ -1,18 +1,12 @@
 <template>
-  <internal-page :pageParams="links.TERMS_AND_CONDITIONS" />
+  <internal-page :pageParams="pageParams" />
 </template>
 
 <script>
 import links from '~/constants/links.js'
-import InternalPage from '~/components/_new/features/InternalPage/InternalPage.vue'
+import { internalPageMixins } from '~/mixins/internalPageMixins'
 
 export default {
-  layout: 'basic',
+  mixins: [internalPageMixins(links.TERMS_AND_CONDITIONS)],
-  components: {
-    InternalPage,
-  },
-  data() {
-    return { links }
-  },
 }
 </script>