playing around with components

This commit is contained in:
julius zeidler 2022-08-10 01:32:59 +02:00
parent d1a086bb75
commit d9b8b900bd
7 changed files with 62 additions and 3 deletions

View file

@ -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>

View file

@ -0,0 +1,9 @@
<template>
<h1>caption {{ caption }}</h1>
</template>
<script>
export default {
props: ['caption']
}
</script>

View file

@ -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 = {
}
],
}),
}
}

1
docs/blog/readme.md Normal file
View file

@ -0,0 +1 @@
# This is just a test

View file

@ -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.

View file

@ -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"
}

View file

@ -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"