wp-vue-wrapper
Wordpress Vue Application Plugin Wrapper
★ 1stars
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/zacktm/wp-vue-wrapper/archive/refs/heads/main.zipFrom the readme
WordPress Vue.js Wrapper
A WordPress plugin that seamlessly integrates Vue.js applications into WordPress sites.
Description
This plugin allows you to embed Vue.js applications within WordPress pages and posts using a simple shortcode. It handles all the necessary script loading and provides a clean integration between WordPress and Vue.js.
Features
- Simple shortcode integration
- Automatic script and style loading
- Environment variable support
- Customizable container element
- WordPress hooks for extending functionality
Installation
1. Upload the plugin files to the /wp-content/plugins/wp-vue-wrapper directory, or install the plugin through the WordPress plugins screen.
2. Activate the plugin through the 'Plugins' screen in WordPress.
3. Use the shortcode [vue-wp-app] in your posts or pages to embed the Vue application.
Usage
Basic Usage
Simply add the shortcode to any post or page:
Advanced Usage
You can customize the container element and pass additional attributes:
[vue-app id="custom-app-id" class="custom-class"]
Configuration
The plugin uses environment variables for configuration. Create a .env file in the plugin root directory with your settings:
CLI Too