PHPackages                             bantenprov/vue-guard - 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. [Utility & Helpers](/categories/utility)
4. /
5. bantenprov/vue-guard

ActiveLibrary[Utility & Helpers](/categories/utility)

bantenprov/vue-guard
====================

Manage guard using vuejs

0244Vue

Since May 4Pushed 8y ago1 watchersCompare

[ Source](https://github.com/bantenprov/vue-guard)[ Packagist](https://packagist.org/packages/bantenprov/vue-guard)[ RSS](/packages/bantenprov-vue-guard/feed)WikiDiscussions master Synced today

READMEChangelogDependenciesVersions (1)Used By (0)

vue-guard
=========

[](#vue-guard)

[![Join the chat at https://gitter.im/vue-guard/Lobby](https://camo.githubusercontent.com/db0ce500f10efbae1694f5731b35cda9426ce4a2cafd8135e2060b94af4adf4b/68747470733a2f2f6261646765732e6769747465722e696d2f7675652d67756172642f4c6f6262792e737667)](https://gitter.im/vue-guard/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)[![Scrutinizer Code Quality](https://camo.githubusercontent.com/c8469c558e6b65e4b2331b92b11b8d8a57df6f205392528d6d3ca38eea26a4fa/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f62616e74656e70726f762f7675652d67756172642f6261646765732f7175616c6974792d73636f72652e706e673f623d6d6173746572)](https://scrutinizer-ci.com/g/bantenprov/vue-guard/?branch=master)[![Build Status](https://camo.githubusercontent.com/d2bcc542d2d8fc3c58053a297263bf777162855c20b860dc449eedf2fa39fc20/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f62616e74656e70726f762f7675652d67756172642f6261646765732f6275696c642e706e673f623d6d6173746572)](https://scrutinizer-ci.com/g/bantenprov/vue-guard/build-status/master)[![Latest Stable Version](https://camo.githubusercontent.com/83c89e1217d07393809ad5d37f1ae43266904d73526af47f47813514306ac2cb/68747470733a2f2f706f7365722e707567782e6f72672f62616e74656e70726f762f7675652d67756172642f762f737461626c65)](https://packagist.org/packages/bantenprov/vue-guard)[![Total Downloads](https://camo.githubusercontent.com/a88ddab150f07110523d33c7a911a229f376943f90a3bf143f0b91837f583e48/68747470733a2f2f706f7365722e707567782e6f72672f62616e74656e70726f762f7675652d67756172642f646f776e6c6f616473)](https://packagist.org/packages/bantenprov/vue-guard)[![Latest Unstable Version](https://camo.githubusercontent.com/b20223f254856b86d7a39f6f947a0f8ffe4b3cc3b4cbc81e27fdf1a67c3ab934/68747470733a2f2f706f7365722e707567782e6f72672f62616e74656e70726f762f7675652d67756172642f762f756e737461626c65)](https://packagist.org/packages/bantenprov/vue-guard)[![License](https://camo.githubusercontent.com/046c21a60d1e62b7a445257e6224372986d4f0c0c8e61165922fbe03faa72127/68747470733a2f2f706f7365722e707567782e6f72672f62616e74656e70726f762f7675652d67756172642f6c6963656e7365)](https://packagist.org/packages/bantenprov/vue-guard)[![Monthly Downloads](https://camo.githubusercontent.com/365e517508d9d32fc84fe72d0edb611509e172f4e9199ccd4a39127fb053ce8e/68747470733a2f2f706f7365722e707567782e6f72672f62616e74656e70726f762f7675652d67756172642f642f6d6f6e74686c79)](https://packagist.org/packages/bantenprov/vue-guard)[![Daily Downloads](https://camo.githubusercontent.com/f23fbf4fa890d0695e7600dee3a9cd133b67d59071c173a6f851b47cffe9100c/68747470733a2f2f706f7365722e707567782e6f72672f62616e74656e70726f762f7675652d67756172642f642f6461696c79)](https://packagist.org/packages/bantenprov/vue-guard)

Manage laravel permission using vuejs

### Modul ini membutuhkan :

[](#modul-ini-membutuhkan-)

- [Vue Workflow](https://github.com/bantenprov/vue-workflow)
- [Vue Trust](https://github.com/bantenprov/vue-trust)

### Install via composer :

[](#install-via-composer-)

```
$ composer require bantenprov/vue-guard:dev-master
```

### edit config/app.php

[](#edit-configappphp)

```
'providers' => [

        /*
         * Laravel Framework Service Providers...
         */
        Illuminate\Auth\AuthServiceProvider::class,
        Illuminate\Broadcasting\BroadcastServiceProvider::class,
        Illuminate\Bus\BusServiceProvider::class,
	//=======

	Bantenprov\VueGuard\VueGuardServiceProvider::class,
```

### artisan command

[](#artisan-command)

```
$ php artisan vendor:publish --tag=vue-guard-assets
$ php artisan migrate
```

### tambahkan pada resources/assets/js/routes/routes.js

[](#tambahkan-pada-resourcesassetsjsroutesroutesjs)

```
...authGuard([
   {
      path: '/admin',
      name: 'admin',
      redirect: '/admin/dashboard',
      component: layout('Default'),
      children: [
	//............
	//=== vue guard route
          {
          path: '/admin/workflow/guard',
          components: {
            main: resolve => require(['~/components/bantenprov/vue-guard/vue_guard.index.vue'], resolve),
            navbar: resolve => require(['~/components/Navbar.vue'], resolve),
            sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
          },
          meta: {
            title: "Guard"
              }
          },
          {
          path: '/admin/workflow/guard/:id/show',
          components: {
            main: resolve => require(['~/components/bantenprov/vue-guard/vue_guard.show.vue'], resolve),
            navbar: resolve => require(['~/components/Navbar.vue'], resolve),
            sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
          },
          meta: {
            title: "Guard"
              }
          },
          {
          path: '/admin/workflow/guard/:id/edit',
          components: {
            main: resolve => require(['~/components/bantenprov/vue-guard/vue_guard.edit.vue'], resolve),
            navbar: resolve => require(['~/components/Navbar.vue'], resolve),
            sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
          },
          meta: {
            title: "Guard"
              }
          },
          {
          path: '/admin/workflow/guard/create',
          components: {
            main: resolve => require(['~/components/bantenprov/vue-guard/vue_guard.create.vue'], resolve),
            navbar: resolve => require(['~/components/Navbar.vue'], resolve),
            sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
          },
          meta: {
            title: "Guard"
              }
          },
        //=== end guard route
```

### tambahkan pada resources/assets/js/app.js

[](#tambahkan-pada-resourcesassetsjsappjs)

```
new Vue({
  store,
  router,
  template: '',
  components: { App }
}).$mount('#app')

//---------------------

//== vue guard menus
import vue_guard_menu from './components/bantenprov/vue-guard/vue_guard_menu';
```

### npm command :

[](#npm-command-)

( development )

```
$ npm run dev
```

( production )

```
$ npm run prod
```

###  Health Score

22

↑

LowBetter than 22% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity9

Limited adoption so far

Community13

Small or concentrated contributor base

Maturity41

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 84% 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.

### Community

Maintainers

![](https://www.gravatar.com/avatar/811618334e937542bb0d5723158e05de7445bb5e8851ce086d6cc7a7c0146166?d=identicon)[bantenprov](/maintainers/bantenprov)

---

Top Contributors

[![feripratama](https://avatars.githubusercontent.com/u/32523275?v=4)](https://github.com/feripratama "feripratama (21 commits)")[![andri-sudarmawijaya](https://avatars.githubusercontent.com/u/28795941?v=4)](https://github.com/andri-sudarmawijaya "andri-sudarmawijaya (3 commits)")[![bantenprov](https://avatars.githubusercontent.com/u/28588981?v=4)](https://github.com/bantenprov "bantenprov (1 commits)")

### Embed Badge

![Health badge](/badges/bantenprov-vue-guard/health.svg)

```
[![Health](https://phpackages.com/badges/bantenprov-vue-guard/health.svg)](https://phpackages.com/packages/bantenprov-vue-guard)
```

###  Alternatives

[albertoarena/laravel-event-sourcing-generator

Laravel event sourcing domain generator

148.2k](/packages/albertoarena-laravel-event-sourcing-generator)

PHPackages © 2026

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