evanagee / vuejs-wordpress-plugin-starter

A quick way to get up and running with a Vue-based WordPress plugin

vuejs-wordpress-plugin-starter

• Browsersync for auto refreshing during local development
• webpack to handle all of the assets

Getting Started

• Clone the repo inside of your wp-content/plugins directory
• Rename the cloned plugin directory, vwp-plugin.php and the files inside of the inc/ directory to suite your needs.
• Review the contents of vwp-plugin.php making sure to replace any occurances of vwp-plugin, vwp_plugin and VwpPlugin with your own namespacing.
• Navigate to the plugin's directory and run npm install npm run watch for development npm run build when you're ready to deploy the plugin.
• Note templates/admin/index.php is the base PHP template for the plugin settings UI. It has an element <div id="vwp-plugin"></div> where the Vue app is getting mounted.
• The provided Vue template can be found in src/vue/App.vue.
• Activate the plugin in WordPress
• Get to work!

vuejs-wordpress-plugin-starter's Issues

[Request] Provide examples of how to add settings / integrate vue templates with php tags

Could you please add a couple boiler plate admin-options/settings to this base plugin?

I'm new to both vuejs and making wordpress plugins and i'm not finding it obvious (nor having much success in searching for) how to take this base plugin and add options/settings to the admin-options-page. As I clearly cannot put <?php.. tags inside the App.vue template I'm unable to bridge the gap between this template and the WP plugins codex.

I'll take a look around your theme starter to see if i can find an answer there but it'd be great if this starter could stand on its own. I realize this is a very new project and you're likely going to evolve it over time - and thank you for your efforts!