Top Rating
- Top Contributors
  Discover the Top Open Source contributors by country or by language
- Interviews
  Discover real stories from Open Source developers
Discover

Discover your Favorite Language
Discover the top trending repositories and projects on Github. Explore the latest trends in your preferred languages.

CSS

Groovy

Julia

Kotlin

Erlang

Zig

Elixir

Ruby

More Languages
Awesome

Awesome repositories
Discover the most awesome repositories and projects of your favorite languages. Inspired by the Awesome-* lists trend in GitHub.

Shell

Rust

Objective-C

Kotlin

Ruby

Dart

Perl

PowerShell

More Languages
By Country

Rankings by Country
Discover the community of talented open source contributors in each country.

🇸🇪 Sweden

🇰🇷 South Korea

🇾🇹 Mayotte

🇯🇵 Japan

🇳🇵 Nepal

Kosovo

🇬🇬 Guernsey

🇳🇺 Niue

All Countries Compare Countries

ElMassimo/vue-custom-element-example

Stars
59
Rank 509,601 (Top 11 %)
Language
TypeScript
License
MIT License
Created over 3 years ago
Updated over 2 years ago

ElMassimo/vue-custom-element-example

ElMassimo

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

An example on how to define custom elements using Vue 3

`defineCustomElement(DarkModeSwitch)`

This repo is an example on how to use the defineCustomElement API in Vue 3.

It contains examples on how to export Vue components as custom elements, and how to use them in any app.

Read the blog post for a step by step discussion.

Demo 🚀

Visit the live demo to see the custom element in action.

Play 🎸

npm run dev: build the library and start the playground

vite_ruby

⚡️ Vite.js in Ruby, bringing joy to your JavaScript experience

iles

🏝 The joyful site generator

vite-plugin-image-presets

🖼 Image Presets for Vite.js apps

vite-plugin-environment

Easily expose environment variables in Vite.js

vite-plugin-full-reload

♻️ Automatically reload the page when files are modified

oj_serializers

⚡️ Faster JSON serialization for Ruby on Rails. Easily migrate away from Active Model Serializers.

js_from_routes

🛣️ Generate path helpers and API methods from your Rails routes

types_from_serializers

✅ Generate TypeScript interfaces from your JSON serializers

request_store_rails

📦 Per-request global storage for Rails prepared for multi-threaded apps

vuex-stores

🗄 Store objects for Vuex, a simple and more fluid API for state-management.

jekyll-vite

⚡️🩸 Use Vite.js in Jekyll as your assets pipeline

vite-plugin-stimulus-hmr

⚡️ HMR for Stimulus controllers in Vite.js

mongoid_includes

🌿 Improves eager loading support for Mongoid

stimulus-vite-helpers

Helpers to easily load all your Stimulus controllers when using Vite.js

queryable

❔ Gives your queries a home and avoid tucking scopes inside your models

capybara-compose

✅ Easily write fluent integration tests with Capybara in Ruby

better_settings

⚙ Settings for Ruby apps – fast, immutable, better.

vite-plugin-bugsnag

Report builds and upload source maps to Bugsnag

i18n_multitenant

🌎 Provides a convenient way to use tenant-specific translations

vite-plugin-manifest-sri

Subresource Integrity for Vite.js manifest files

resourcerer

✨ Works like magic to dry up your controllers

sublime-toggle-dark-mode

🌚🌞 Toggle between dark and light mode in Sublime Text 4

pakiderm

🐘 Pakiderm will never forget the return value

presenter_rails

🔭 Expose your view models in a convenient way

vite-plugin-erb

Use ERB files in Vite.js projects with a Ruby backend

journeyman

Let your factories use your business logic, making them flexible and easier to update.

jekyll-vite-minima

⚡️🩸 Use Vite.js in Jekyll minima theme as your assets pipeline

automatic-music-transcription

Automatically exported from code.google.com

vite-plugin-xdm

Use XDM in VIte.js

fast-food-mvc

Automatically exported from code.google.com

ElMassimo

vite-vue-router-hmr-repro

crouton

🍞 Context sensitive notifications for Rails