[FEAURE] Add basic blog system. Add first activity report

docs/.vuepress/components/Posts.vue

@@ -0,0 +1,39 @@
+<template>
+    <div v-for="page in pages">
+        <div class="page-detail">
+            <router-link :to="page.path"><h2>{{ page.title }}
+            <template v-if="page.frontmatter.features">
+                <Badge v-for="feature in page.frontmatter.features"  type="tip" :text="feature" vertical="top" />
+            </template>
+            </h2> </router-link>
+            <img v-if="page.frontmatter.image" class="article-image" :src="page.frontmatter.image"/>
+            <p>{{ page.frontmatter.description }}</p>
+            <p><router-link :to="page.path">Mehr Erfahren</router-link></p>
+
+        </div>
+    </div>
+
+
+</template>
+<script>
+    import {usePages} from '@temp/pages'
+
+    export default {
+        props: {
+            type: String
+        },
+        data() {
+            return {
+                pages: []
+            }
+        },
+        setup(props) {
+            const pages = props.type ?
+                usePages().filter(page => page.frontmatter.type === props.type) :
+                usePages();
+            console.log(pages);
+            return {pages}
+        }
+    }
+</script>
+

docs/.vuepress/config.js

@@ -1,14 +1,19 @@
 const { defaultTheme } = require('@vuepress/theme-default')
 const { socialSharePlugin } = require(`vuepress-plugin-social-share`)
-
-
+const { registerComponentsPlugin } = require('@vuepress/plugin-register-components')
+const { path } = require('@vuepress/utils')
+const { usePagesPlugin } = require('vuepress-plugin-use-pages')
 
 module.exports = {
   lang: 'de-DE',
   title: 'Draussenfunker.de | QRV im Grünen',
   description: 'Wir sind eine Gruppe von Funkamateuren die sich mit dem Thema Funken im Freien beschäftigen.',
   plugins: [
+    usePagesPlugin({ startsWith: '/aktivitaeten/'}),
     socialSharePlugin(),
+    registerComponentsPlugin({
+      componentsDir: path.resolve(__dirname, './components'),
+    })
   ],
   theme: defaultTheme({
     sidebarDepth: 2,
@@ -22,6 +27,10 @@ module.exports = {
         text: 'Start',
         link: '/',
       },
+      {
+        text: 'Aktivitäten',
+        link: '/aktivitaeten',
+      },
       {
         text: 'DIY',
         children: [
@@ -33,10 +42,6 @@ module.exports = {
         text: 'Wissenswertes',
         children: ['/wissenswertes/amateurfunk', '/wissenswertes/ausbreitung'],
       },
-      {
-        text: 'Blog',
-        link: '/blog',
-      }
     ],
   }),
 }

docs/.vuepress/styles/index.scss

@@ -3,3 +3,14 @@
     display: inline-block;
   }
 }
+.video-block {
+  position: relative;
+  padding-bottom: 56.25%; /* 16:9 */
+  height: 0;
+  overflow: hidden;
+  width: 100%; height: auto;}
+
+.video-block iframe {
+  position: absolute;
+  top: 0; left: 0;
+  width: 100%; height: 100%;}