vue3-realworld-example-app
vitesse-webext
Our great sponsors
| vue3-realworld-example-app | vitesse-webext | |
|---|---|---|
| 7 | 7 | |
| 895 | 2,589 | |
| - | - | |
| 7.9 | 5.9 | |
| 23 days ago | about 1 month ago | |
| TypeScript | TypeScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vue3-realworld-example-app
-
Fetch returning undefined, but data is being sent across network still
I'm using Vue to build out a little web app. I have a backend api already set up and now am trying to make calls to this api from my frontend. I've been using this public project for learning purposes: https://github.com/mutoe/vue3-realworld-example-app and I've taken some code from their src/utils, src/composable and src/services folders for properly setting up my fetch system. For example in their Profile.vue page located in src/pages/Profile, they get info for a profile by calling useProfile (from src/comspoable). Then useProfile calls fetchProfile, which calls get(), which then goes through a couple more functions in order to handle to response.
-
Is there a Vue 3 Github Repo which showcases different typescript syntax use cases with new script setup?
This might help https://github.com/mutoe/vue3-realworld-example-app
- Is there a Vue 3 GitHub repository of a sizable open source website equipped with modern syntax and tools where I can learn the best practices?
- Is it risky
- Good public repos with best practices?
- Why would anyone not use Vuex?
vitesse-webext
-
Browser extension Framework or Scaffold with vue3
This should be the best one: https://github.com/antfu/vitesse-webext
- Things I learned this week - Week 48 (2022 ed.)
- Browser/Chrome extension with Vue 3
- Plasmo – a framework for building modern Chrome extensions
-
Electron alternative
It sounds like your goals align better with writing an extension. For example, you could use this Vite WebExtension starter for the frontend and have it connect to a background Node process through Native Messaging.
-
Vue in a Chrome extension
There is also this option: https://github.com/antfu/vitesse-webext . It has most thing preconfigured and uses more modern tools.
-
Created A ⚡️ Modernized Chrome Extension Vite Starter Template.
This template derives from https://github.com/antfu/vitesse-webext
What are some alternatives?
Directus - The Modern Data Stack 🐰 — Directus is an instant REST+GraphQL API and intuitive no-code data collaboration app for any SQL database.
vue-web-extension - 🛠️ A Vue CLI 3+ preset (previously a Vue CLI 2 boilerplate) for quickly starting a web extension with Vue, Babel, ESLint and more!
electron-vite-vue - 🥳 Really simple Electron + Vite + Vue boilerplate.
vuex-module-decorators - TypeScript/ES7 Decorators to create Vuex modules declaratively
plasmo - 🧩 The Browser Extension Framework
realworld - "The mother of all demo apps" — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more
vue-draggable-next - Vue 3 drag-and-drop component
blazor-client-side-realworld-example-app
unplugin-vue-components - 📲 On-demand components auto importing for Vue
vuex-light - WARNING: This package is no longer to be maintained, use [Pinia](https://pinia.esm.dev/) instead.
vite-aliases - Alias auto generation for Vite