From d9b8b900bdeb9df5c4cce476fddf6e64dc9853be Mon Sep 17 00:00:00 2001
From: julius zeidler <julius.zeidler@sumcumo.com>
Date: Wed, 10 Aug 2022 01:32:59 +0200
Subject: [PATCH] playing around with components

---
 docs/.vuepress/components/CallToAction.vue | 30 ++++++++++++++++++++++
 docs/.vuepress/components/Funkwetter.vue   |  9 +++++++
 docs/.vuepress/config.js                   |  9 ++++---
 docs/blog/readme.md                        |  1 +
 docs/index.md                              |  6 +++++
 package.json                               |  1 +
 yarn.lock                                  |  9 +++++++
 7 files changed, 62 insertions(+), 3 deletions(-)
 create mode 100644 docs/.vuepress/components/CallToAction.vue
 create mode 100644 docs/.vuepress/components/Funkwetter.vue
 create mode 100644 docs/blog/readme.md

diff --git a/docs/.vuepress/components/CallToAction.vue b/docs/.vuepress/components/CallToAction.vue
new file mode 100644
index 00000000..d82e761b
--- /dev/null
+++ b/docs/.vuepress/components/CallToAction.vue
@@ -0,0 +1,30 @@
+<template>
+<div>
+  <a :href="link">{{ caption }}</a>
+</div>
+</template>
+
+<script>
+export default {
+  props: ['caption', 'link', 'image']
+}
+</script>
+
+<style scoped>
+  a {
+    color: white;
+    background-color: #2ecc71;
+    box-sizing: border-box;
+    border-radius: 6px;
+    padding: 12px 20px;
+    font-size: 20px;
+    line-height: 22px;
+    font-weight: 500;
+    display: flex;
+    align-items: center;
+    box-shadow: 2px 2px 10px rgba(154,171,237,1);
+  }
+  a:hover {
+    background-color: red;
+  }
+</style>
\ No newline at end of file
diff --git a/docs/.vuepress/components/Funkwetter.vue b/docs/.vuepress/components/Funkwetter.vue
new file mode 100644
index 00000000..0325de16
--- /dev/null
+++ b/docs/.vuepress/components/Funkwetter.vue
@@ -0,0 +1,9 @@
+<template>
+<h1>caption {{ caption }}</h1>
+</template>
+
+<script>
+export default {
+  props: ['caption']
+}
+</script>
\ No newline at end of file
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 310bb72d..e4044e86 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -1,7 +1,7 @@
+const { registerComponentsPlugin } = require('@vuepress/plugin-register-components')
 const { defaultTheme } = require('@vuepress/theme-default')
 const { socialSharePlugin } = require(`vuepress-plugin-social-share`)
-
-
+const { path } = require('@vuepress/utils')
 
 module.exports = {
   lang: 'de-DE',
@@ -9,6 +9,9 @@ module.exports = {
   description: 'Wir sind eine Gruppe von Funkamateuren die sich mit dem Thema Funken im Freien beschäftigen.',
   plugins: [
     socialSharePlugin(),
+    registerComponentsPlugin({
+      componentsDir: path.resolve(__dirname, './components'),
+    }),
   ],
   theme: defaultTheme({
     sidebarDepth: 0,
@@ -33,4 +36,4 @@ module.exports = {
       }
     ],
   }),
-}
+}
\ No newline at end of file
diff --git a/docs/blog/readme.md b/docs/blog/readme.md
new file mode 100644
index 00000000..5d92942b
--- /dev/null
+++ b/docs/blog/readme.md
@@ -0,0 +1 @@
+# This is just a test
\ No newline at end of file
diff --git a/docs/index.md b/docs/index.md
index e84ecb55..94c5a50e 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -6,6 +6,12 @@ heroText: "Mit Funkwellen um die Welt"
 
 # ![Funkbetrieb am Strand](/images/beach.jpg)
 
+<CallToAction caption="Discord" link="https://draussenfunker.github.io/" image="astr" />
+<CallToAction caption="Lernen" link="https://draussenfunker.github.io/" image="astr" />
+<CallToAction caption="Blog" link="https://draussenfunker.github.io/" image="astr" />
+
+<Funkwetter caption="Blafasel" />
+
 ## Was passiert hier?
 
 Ohne Steckdose, aufwändige Installationen z.T. mit dem was wir im Rucksack transportieren können, machen wir Funkbetrieb an Orten an denen sonst nicht gefunkt wird. Ob in einem Park, am Strand oder irgendwo in der freien Natur - der Reiz fernab des heimischen "Shacks" Funkbetrieb zu machen, zieht uns regelmäßig nach Draußen.
diff --git a/package.json b/package.json
index 4cb791ca..38a446ab 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
   "devDependencies": {
     "@vuepress/plugin-active-header-links": "^2.0.0-beta.49",
     "@vuepress/plugin-back-to-top": "^2.0.0-beta.49",
+    "@vuepress/plugin-register-components": "^2.0.0-beta.49",
     "vuepress": "^2.0.0-beta.49",
     "vuepress-plugin-social-share": "^2.0.0-beta.5"
   }
diff --git a/yarn.lock b/yarn.lock
index cc00fc9e..7ea1f6bd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -428,6 +428,15 @@
     "@vuepress/core" "2.0.0-beta.49"
     prismjs "^1.28.0"
 
+"@vuepress/plugin-register-components@^2.0.0-beta.49":
+  version "2.0.0-beta.49"
+  resolved "https://registry.yarnpkg.com/@vuepress/plugin-register-components/-/plugin-register-components-2.0.0-beta.49.tgz#d4ff7d95090df55101f54491c9f0e317aa24c4cc"
+  integrity sha512-OYnsLazh5f3ldwdh/qT8rdVjqMEh7eOiGrwucGRvlUwuQ71CE51OUrK6qIOaGZ5gkwmamYcAwLF37bs5lyZ+oA==
+  dependencies:
+    "@vuepress/core" "2.0.0-beta.49"
+    "@vuepress/utils" "2.0.0-beta.49"
+    chokidar "^3.5.3"
+
 "@vuepress/plugin-theme-data@2.0.0-beta.49":
   version "2.0.0-beta.49"
   resolved "https://registry.yarnpkg.com/@vuepress/plugin-theme-data/-/plugin-theme-data-2.0.0-beta.49.tgz#a9e8ccb2d8aecb04c6b5a8c07a039eae1ef0be6f"