PHP Classes

WP Vue Kit Plugin: Vue.js plugin to build WordPress user interfaces

Recommend this page to a friend!
  Info   Documentation   View files Files   Install with Composer Install with Composer   Download Download   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not yet rated by the usersTotal: 29 All time: 11,141 This week: 65Up
Version License PHP version Categories
wp-vue-kit 1.0MIT/X Consortium ...5PHP 5, Content management, Blogs
Description 

Author

This package provides a Vue.js plugin to build WordPress user interfaces.

It provides several user interface components that WordPress plugins can use by calling classes provided within this package.

Currently, it provides components for:

- WordPress settings page

- Registering assets like CSS, JavaScript, images, and localization files

- Menus to show options to the users

Innovation Award
PHP Programming Innovation award nominee
October 2022
Number 7
Vue.js is a popular JavaScript framework that you can use to implement modern user interfaces for Web sites.

WordPress is a popular content management used by many sites to produce and edit content published in the Web site pages. Developers can extend WordPress with plugin components provided by third-party developers.

This package provides a plugin that implements WordPress plugins that can use Vue.js to implement modern user interfaces for accessing other WordPress plugins.

Manuel Lemos
Picture of Maniruzzaman Akash
  Performance   Level  
Name: Maniruzzaman Akash <contact>
Classes: 19 packages by
Country: Bangladesh Bangladesh
Age: 28
All time rank: 320244 in Bangladesh Bangladesh
Week rank: 43 Up1 in Bangladesh Bangladesh Up
Innovation award
Innovation award
Nominee: 7x

Documentation

WP Vue Kit

A Vue JS Starter Kit for WordPress plugin development - Webpack, Sass, Vue, Vuex, Vue-router

Installation

git clone https://github.com/ManiruzzamanAkash/wp-vue-kit.git

# Go to that plugin folder
cd wp-vue-kit

# Install composer dependencies.
composer install

# Install npm dependencies.
npm install

PHP Coding Standard check and fix

# Check if any PHPCS issues found.
composer run phpcs

# Fix any possible PHPCS issues.
composer run phpcs:fix

PHP Unit test

composer run test

Demo preview

Demo preview.

Contact

manirujjamanakash@gmail.com


  Files folder image Files (44)  
File Role Description
Files folder imageassets (2 directories)
Files folder imageincludes (2 files, 2 directories)
Files folder imagesrc (3 files, 7 directories)
Files folder imagetemplates (1 file)
Files folder imagetests (1 directory)
Files folder imagewebpack (1 file, 2 directories)
Accessible without login Plain text file .eslintrc.js Data Auxiliary data
Accessible without login Plain text file composer.json Data Auxiliary data
Accessible without login Plain text file composer.lock Data Auxiliary data
Accessible without login Plain text file package.json Data Auxiliary data
Accessible without login Plain text file phpcs.xml.dist Data Auxiliary data
Accessible without login Plain text file phpunit.xml.dist Data Auxiliary data
Accessible without login Plain text file README.md Doc. Documentation
Plain text file wp-vue-kit.php Class Class source

  Files folder image Files (44)  /  assets  
File Role Description
Files folder imagecss (1 file)
Files folder imagejs (1 file)

  Files folder image Files (44)  /  assets  /  css  
File Role Description
  Accessible without login Plain text file main.css Data Auxiliary data

  Files folder image Files (44)  /  assets  /  js  
File Role Description
  Accessible without login Plain text file main.js.LICENSE.txt Doc. Documentation

  Files folder image Files (44)  /  includes  
File Role Description
Files folder imageSettings (2 files)
Files folder imageSetup (1 file)
  Plain text file Asset.php Class Class source
  Plain text file Menu.php Class Class source

  Files folder image Files (44)  /  includes  /  Settings  
File Role Description
  Plain text file SettingItem.php Class Class source
  Plain text file Settings.php Class Class source

  Files folder image Files (44)  /  includes  /  Setup  
File Role Description
  Plain text file Installer.php Class Class source

  Files folder image Files (44)  /  src  
File Role Description
Files folder imagecomponents (2 directories)
Files folder imagemixins (1 file)
Files folder imagepages (3 files)
Files folder imagerouter (1 file)
Files folder imagestore (1 file, 1 directory)
Files folder imagestyles (1 file)
Files folder imageutils (1 file)
  Accessible without login Plain text file App.vue Data Auxiliary data
  Accessible without login Plain text file i18n.js Data Auxiliary data
  Accessible without login Plain text file main.js Data Auxiliary data

  Files folder image Files (44)  /  src  /  components  
File Role Description
Files folder imagebutton (1 file)
Files folder imagetabs (2 files)

  Files folder image Files (44)  /  src  /  components  /  button  
File Role Description
  Accessible without login Plain text file Button.vue Data Auxiliary data

  Files folder image Files (44)  /  src  /  components  /  tabs  
File Role Description
  Accessible without login Plain text file style.scss Data Auxiliary data
  Accessible without login Plain text file Tabs.vue Data Auxiliary data

  Files folder image Files (44)  /  src  /  mixins  
File Role Description
  Accessible without login Plain text file i18n.js Data Auxiliary data

  Files folder image Files (44)  /  src  /  pages  
File Role Description
  Accessible without login Plain text file Graph.vue Data Auxiliary data
  Accessible without login Plain text file List.vue Data Auxiliary data
  Accessible without login Plain text file Settings.vue Data Auxiliary data

  Files folder image Files (44)  /  src  /  router  
File Role Description
  Accessible without login Plain text file index.js Data Auxiliary data

  Files folder image Files (44)  /  src  /  store  
File Role Description
Files folder imagemodules (1 file)
  Accessible without login Plain text file index.js Data Auxiliary data

  Files folder image Files (44)  /  src  /  store  /  modules  
File Role Description
  Accessible without login Plain text file settings.js Data Auxiliary data

  Files folder image Files (44)  /  src  /  styles  
File Role Description
  Accessible without login Plain text file main.scss Data Auxiliary data

  Files folder image Files (44)  /  src  /  utils  
File Role Description
  Accessible without login Plain text file menu-fix.js Data Auxiliary data

  Files folder image Files (44)  /  templates  
File Role Description
  Accessible without login Plain text file app.php Aux. Auxiliary script

  Files folder image Files (44)  /  tests  
File Role Description
Files folder imagephpunit (3 files)

  Files folder image Files (44)  /  tests  /  phpunit  
File Role Description
  Plain text file AssetTest.php Class Class source
  Accessible without login Plain text file bootstrap.php Example Example script
  Accessible without login Plain text file wp-config.php Aux. Auxiliary script

  Files folder image Files (44)  /  webpack  
File Role Description
Files folder imageloaders (7 files)
Files folder imageplugins (2 files)
  Accessible without login Plain text file webpack.config.js Data Auxiliary data

  Files folder image Files (44)  /  webpack  /  loaders  
File Role Description
  Accessible without login Plain text file babel.js Data Auxiliary data
  Accessible without login Plain text file css.js Data Auxiliary data
  Accessible without login Plain text file files.js Data Auxiliary data
  Accessible without login Plain text file fonts.js Data Auxiliary data
  Accessible without login Plain text file index.js Data Auxiliary data
  Accessible without login Plain text file scss.js Data Auxiliary data
  Accessible without login Plain text file vue.js Data Auxiliary data

  Files folder image Files (44)  /  webpack  /  plugins  
File Role Description
  Accessible without login Plain text file browser-sync.js Data Auxiliary data
  Accessible without login Plain text file index.js Data Auxiliary data

The PHP Classes site has supported package installation using the Composer tool since 2013, as you may verify by reading this instructions page.
Install with Composer Install with Composer
 Version Control Unique User Downloads Download Rankings  
 100%
Total:29
This week:0
All time:11,141
This week:65Up