PHPackages                             deadsimple/vuelibrary - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. deadsimple/vuelibrary

ActiveMagento2-module

deadsimple/vuelibrary
=====================

A deadsimple module to use VueJS components in your Magento2 webshops

1.2.0(4y ago)05.2k↑122.2%2MITJavaScript

Since Dec 9Pushed 4y agoCompare

[ Source](https://github.com/Deadsimple-ecommerce/VueLibrary)[ Packagist](https://packagist.org/packages/deadsimple/vuelibrary)[ RSS](/packages/deadsimple-vuelibrary/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (5)Dependencies (1)Versions (7)Used By (2)

[![Latest Stable Version](https://camo.githubusercontent.com/99918509897c5e67b1237ecc5828488ff2192f8974843b48e40341992526a98a/68747470733a2f2f706f7365722e707567782e6f72672f6465616473696d706c652f7675656c6962726172792f76657273696f6e)](https://packagist.org/packages/deadsimple/vuelibrary) [![Total Downloads](https://camo.githubusercontent.com/9aee62cc288691d2a1eb4b327b5bd05c022eac872535e1d1836c95e88ac59861/68747470733a2f2f706f7365722e707567782e6f72672f6465616473696d706c652f7675656c6962726172792f646f776e6c6f616473)](https://packagist.org/packages/deadsimple/vuelibrary) [![License](https://camo.githubusercontent.com/5780e4565327c3ed2687540db1ea0b4d2e2f5c68f71ef0ca1ffdc3e274ad6341/68747470733a2f2f706f7365722e707567782e6f72672f6465616473696d706c652f7675656c6962726172792f6c6963656e7365)](https://packagist.org/packages/deadsimple/vuelibrary)

Deadsimple VueJS Magento2 Composer Library
==========================================

[](#deadsimple-vuejs-magento2-composer-library)

This package allows you to use VueJs together with requirejs in your Magento2 setup straight out of the box

Installation
------------

[](#installation)

Use composer to install the module: `composer require deadsimple/vuelibrary`

Development mode
----------------

[](#development-mode)

This module loads VueJS in minified production mode by default but is served with a developer version too, if you need VueJS in development mode change your `requirejs-config.js` to:

```
var config = {
	paths: {
		Vue: 'Deadsimple_VueLibrary/js/lib/vue',
		vue: 'Deadsimple_VueLibrary/js/lib/require-vuejs',
	},
	shim: {
		Vue: {
			exports: 'Vue'
		}
	}
};

```

Usage
-----

[](#usage)

Create a main js file to load through requirejs in this main.js file define `Vue` (with a capital V) and use `vue` (see the non capital v) to load your created vue components in this example `Searchinput.vue`. From this point on you can initialize vue the way your used to with the `new Vue()` initializer, please make sure you have a container available to run your VueJS code in `#essearch` in this example;

```
define([
  'Vue',
  'vue!components/SearchInput.vue'
], function (Vue) {
  'use strict';

   new Vue({
      el: '#essearch',
   });
})

```

### Version

[](#version)

This library loads: `Vue.js v2.6.14`

### TODO

[](#todo)

- Create easier switch between production and development version of VueJS
- Add to library bundling if available

###  Health Score

31

—

LowBetter than 68% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity21

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity61

Established project with proven stability

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~176 days

Total

5

Last Release

1639d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/7f3d6ed37e08e7303491ad700762cd7e23bd2301b64557b7398e8fb2ec191e3f?d=identicon)[mmeester](/maintainers/mmeester)

---

Top Contributors

[![mmeester](https://avatars.githubusercontent.com/u/655965?v=4)](https://github.com/mmeester "mmeester (12 commits)")

### Embed Badge

![Health badge](/badges/deadsimple-vuelibrary/health.svg)

```
[![Health](https://phpackages.com/badges/deadsimple-vuelibrary/health.svg)](https://phpackages.com/packages/deadsimple-vuelibrary)
```

###  Alternatives

[fastly/magento2

Fastly CDN Module for Magento 2.4.x

1564.2M1](/packages/fastly-magento2)[mage-os/module-automatic-translation

Automatic AI content translation for Mage-OS.

277.1k](/packages/mage-os-module-automatic-translation)[zepgram/module-rest

Technical module to industrialize API REST call with dependency injection pattern using Guzzle library

1326.2k](/packages/zepgram-module-rest)[graycore/magento2-graphql-introspection-cache

1015.2k](/packages/graycore-magento2-graphql-introspection-cache)[mage-os/mageos-common-async-events

Send REST requests to external endpoints asynchronously. This module implements the most common events like order creation and customer change.

147.7k2](/packages/mage-os-mageos-common-async-events)[mage-os/module-inventory-reservations-grid

Add a grid with the list of inventory reservations.

126.8k](/packages/mage-os-module-inventory-reservations-grid)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)