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 installnpm 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.
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!