Open source software components
==> npm create vue@latest
Vue.js - The Progressive JavaScript Framework
✔ Project name: … osscom-frontend
✔ Add TypeScript? … No / Yes YES
✔ Add JSX Support? … No / Yes YES
✔ Add Vue Router for Single Page Application development? … No / Yes YES
✔ Add Pinia for state management? … No / Yes YES
✔ Add Vitest for Unit Testing? … No / Yes
✔ Add an End-to-End Testing Solution? › Playwright
✔ Add ESLint for code quality? … No / Yes YES
✔ Add Prettier for code formatting? … No / Yes YES
✔ Add Vue DevTools 7 extension for debugging? (experimental) … No / Yes YES
Scaffolding project in /Users/coder/repos/arunabhdas/githubrepos/osscom/osscom-vue/osscom-frontend...
Done. Now run:
cd osscom-frontend
npm install
npm run format
npm run dev
==> npm create svelte@latest
==> npm create svelte@latest
Need to install the following packages:
create-svelte@6.3.5
Ok to proceed? (y) y
create-svelte version 6.3.5
┌ Welcome to SvelteKit!
│
◇ Where should we create your project?
│ osscom-frontend
│
◇ Which Svelte app template?
│ Skeleton project
│
◇ Add type checking with TypeScript?
│ Yes, using TypeScript syntax
│
◇ Select additional options (use arrow keys/space bar)
│ Add ESLint for code linting, Add Prettier for code formatting, Add Playwright for browser testing, Try the Svelte 5
preview (unstable!)
│
└ Your project is ready!
Install more integrations with:
npx svelte-add
Next steps:
1: cd osscom-frontend
2: npm install
3: git init && git add -A && git commit -m "Initial commit" (optional)
4: npm run dev -- --open
To close the dev server, hit Ctrl-C
Stuck? Visit us at https://svelte.dev/chat
* x-data
* x-on
* x-text
* x-model
* x-bind
* x-init
* x-ref
* x-show
## Resources
AlpineJS - https://youtu.be/4c8dpZN0rqM?si=iFkOLfGj9xfVPKLF
FrankenUI - https://github.com/franken-ui/ui
