Skip to content
This repository has been archived by the owner on Nov 14, 2024. It is now read-only.

Latest commit

 

History

History
71 lines (65 loc) · 3.03 KB

plugins.md

File metadata and controls

71 lines (65 loc) · 3.03 KB
title description layout sidebar aside
Plugins
Browse, filter, sort, search and vibe all the plugins in the Lando ecosystem
page
false
false
Plugins It's dangerous to go alone, take some of these:
<script setup> import {computed, reactive, ref} from 'vue'; import {useCollection} from '@lando/vitepress-theme-default-plus'; import {VPLCollectionPage, VPLCollectionPageTags, VPLCollectionPageTitle} from '@lando/vitepress-theme-default-plus'; import VPLCollectionTag from '@lando/vitepress-theme-default-plus/components/VPLCollectionTag.vue'; import VPLPluginItems from '.vitepress/theme/VPLPluginItems.vue'; const cardSVG = ''; const iconSVG = ''; function omit(obj, ...props) { const result = { ...obj }; props.forEach(function(prop) { delete result[prop]; }); return result; } // lets omit these for now, we can add them back when we have more plugins const omitTags = ['official', 'unsupported']; const {pages, tags} = useCollection('plugins'); const cards = ref(true); const filteredTags = reactive(omit(tags, ...omitTags)); const toggleTag = computed(() => ({ color: 'var(--vp-c-brand-soft)', styles: { 'border-color': 'var(--vp-c-brand-soft)', }, icon: cards.value ? iconSVG : cardSVG, text: cards.value ? 'show icons' : 'show cards', type: cards.value ? 'card' : 'icon', })); const toggle = () => { cards.value = !cards.value; } </script> <style scoped> .other-tags { display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; align-items: center; padding: 0 12px 0; } </style>