show-and-tell

A presentation to the VueJS LA meetup group on January 12, 2021.

Drew Baker will be taking us through some of the interesting Vue components they've built for client projects at his agency Funkhaus and showing us some tricks of the trade along the way.

Some of the below links are to private repos.

1. wp-image

• Example: None, just an image
• Source: https://github.com/funkhaus/fuxt/blob/master/components/WpImage.vue

2. wp-seo

• Example: None, just an image
• Source: https://github.com/funkhaus/fuxt/blob/master/components/WpSeo.vue
• Uses Vue-meta: https://vue-meta.nuxtjs.org/

3. ScrollJack

• Example: https://components.funkhaus.us/?path=/story/ui-scrollers-scrolljack--default
• Docs: https://deploy-preview-13--funkhaus-components.netlify.app/?path=/docs/ui-scrollers-scrolljack--default
• Source: https://github.com/funkhaus/components/blob/master/components/CarouselScrolljack.vue

4. Drag Scroller

• Example: https://components.funkhaus.us/?path=/story/ui-scrollers-drag--default
• Docs: https://components.funkhaus.us/?path=/docs/ui-scrollers-drag--default
• Source: https://github.com/funkhaus/components/blob/master/components/DragScroller.vue

5. Lazy Loader

• Example: https://github.com/funkhaus/components/blob/master/pages/LazyGrid.vue
• Docs: https://deploy-preview-13--funkhaus-components.netlify.app/?path=/docs/tools-lazy-loader--default
• Source: https://github.com/funkhaus/components/blob/master/components/LazyLoader.vue

6. Instagram Feed

• Docs: https://deploy-preview-13--funkhaus-components.netlify.app/?path=/docs/ui-galleries-instagram-feed--instagram-feed-default
• Source: https://github.com/funkhaus/components/blob/master/components/InstagramFeed.vue