dev-vue-wp-plugin

Wordpress Plugin With Vue JS

by devangvachheta · github.com/devangvachheta/wp-vue-plugin

★ 7stars

0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/devangvachheta/wp-vue-plugin/archive/refs/heads/main.zip

Readme github.com/devangvachheta/wp-vue-plugin ↗

Vue Js & Wordpress Plugin Package

Wordpress Plugin with vue Package

Getting Started with this Setup

Clone the repository inside of your wp-content/plugins directory
Rename the cloned plugin directory, wp-vue-plugin.php
Navigate to the plugin directory and run npm install npm run dev
Activate plugin

Create Your Own Setup

npm install -g vue-cli
vue init webpack-simple project-name
npm install

Add this code to Package json file

"scripts": {
        "dev": "webpack --watch --progress --hide-modules",
        "dev-build": "webpack -d --mode development",
        "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
    },

npm install
npm run dev
It has an element id='admin-app' where the Vue app is getting mounted.

For detailed explanation on how things work, consult the docs for vue-loader.