plugins.md

title	Plugins
description	Browse, filter, sort, search and vibe all the plugins in the Lando ecosystem
layout	page
sidebar	false
aside	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>