https://github.com/hugodf/vue-multiple-components-in-sfc

Examples of writing multiple components in a single .vue file
https://github.com/hugodf/vue-multiple-components-in-sfc

jsx monorepo render-function sfc single-file-component vue vue-single-file-component vuejs yarn-workspaces

Last synced: 8 months ago
JSON representation

Examples of writing multiple components in a single .vue file

• Host: GitHub
• URL: https://github.com/hugodf/vue-multiple-components-in-sfc
• Owner: HugoDF
• License: mit
• Created: 2018-09-21T11:37:05.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T23:56:18.000Z (almost 3 years ago)
• Last Synced: 2025-02-28T18:33:43.810Z (8 months ago)
• Topics: jsx, monorepo, render-function, sfc, single-file-component, vue, vue-single-file-component, vuejs, yarn-workspaces
• Language: Vue
• Homepage: https://codewithhugo.com/writing-multiple-vue-components-in-a-single-file/
• Size: 2.78 MB
• Stars: 13
• Watchers: 2
• Forks: 2
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Writing multiple components in a single Vue SFC file

Examples of writing multiple components in a single `.vue` file.

All 4 examples leverage `vue-cli`.

This repository leverages [Yarn Workspaces](https://yarnpkg.com/lang/en/docs/workspaces/).

Requirements:

- Node 10+

- Yarn 1+

To start working with the examples, run:

- `yarn`, to install dependencies required to run all the projects

To run commands in every example  package, you can use `yarn workspaces ` eg. `yarn workspaces build`.

To run commands in a single package, you can use `yarn workspace  run server`, eg. `yarn workspace 01-render-functions run server`