https://github.com/indus/hugoVueSFC

Hugo meets Vue's SFCs
https://github.com/indus/hugoVueSFC

hugo single-file-component vue vue3

Last synced: 26 days ago
JSON representation

Hugo meets Vue's SFCs

• Host: GitHub
• URL: https://github.com/indus/hugoVueSFC
• Owner: indus
• Created: 2023-06-05T14:40:30.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2023-06-07T12:48:39.000Z (12 months ago)
• Last Synced: 2024-01-02T23:39:50.406Z (5 months ago)
• Topics: hugo, single-file-component, vue, vue3
• Language: HTML
• Homepage: https://indus.github.io/hugoVueSFC
• Size: 351 KB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Lists

• awesome-vue - hugoVueSFC - Vue Single-File Components (SFC) in [Hugo](https://gohugo.io/). (Components & Libraries / Integrations)

README

        
# hugoVueSFC

**hugoVueSFC** is an attempt to use Vue's Single-File Components (a.k.a. *.vue files) in Hugo directly.

With a bunch of [shortcodes](https://github.com/indus/hugoVueSFC/tree/main/layouts/shortcodes/vueSFC) and [partials](https://github.com/indus/hugoVueSFC/tree/main/layouts/partials/vueSFC) it makes it easy to include SFCs in posts and pages.

At the moment it doesn't support [``](https://vuejs.org/api/sfc-script-setup.html) and [`<style scoped>`](https://vue-loader.vuejs.org/guide/scoped-css.html) 😢

But besides that it works quite well... 😃

This page shows some ways to make use of **hugoVueSFC** in action: [Demo](https://indus.github.io/hugoVueSFC)