https://github.com/indus/hugovuesfc
Hugo meets Vue's SFCs
https://github.com/indus/hugovuesfc
hugo single-file-component vue vue3
Last synced: about 1 year 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 (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-07T12:48:39.000Z (about 3 years ago)
- Last Synced: 2025-03-27T11:38:08.399Z (about 1 year ago)
- Topics: hugo, single-file-component, vue, vue3
- Language: HTML
- Homepage: https://indus.github.io/hugoVueSFC
- Size: 351 KB
- Stars: 8
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
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)