matgargano / vue-wordpress-plugin Goto Github PK

Where should I add <div id="app"></div> ? I need the plugin to show in admin menu as well and the below won't work.

add_action('admin_menu', 'test_plugin_setup_menu');
 
function test_plugin_setup_menu(){
        add_menu_page( 'Test Plugin Page', 'Test Plugin', 'manage_options', 'test-plugin', 'test_init' );
}
 
function test_init(){
        echo '<div id="app"></div>';
}

Thanks!

I am pretty new to php, so I'm not sure why this plugin seems to work for everyone else. I received the following error upon activation:

I fixed it by adding require_once("vwp/enqueues.php"); in the vwp.php file.

Should this be the standard or is this due to my setup? I use chassis http://docs.chassis.io/en/latest/ for my local dev environment.

I want to use images in my vue plugin. I should probably add something to the webpack config. Any ideas? I'm asking this here because I'm pretty sure this repo could benefit from a solution.

Hello.
First of all, good job @matgargano
I concern an issue.What if I make 2 plugins using this starter?
I guess those two plugins load the same common files such as vue-core, vue-router and etc.
Some files, vue-core and etc, should be loaded by php side such as enqueue script. Then those two plugins can handle the common file.

Hi Mat,
I'm not sure, if I like the idea of bundling everything into a single plugin:

1. If I already have vue linked, there are suddenly 2 vue frameworks bundled (adding ~90kb)
2. The plugin gets huge and - if I manage my WP-install in GIT (or even go a step further and use bedrock), I have tons of needless data in my repo, making it hard to track changes.
3. Finally the plugin as is did not work for me. I added the plugin to a blank WP-install (just using html5blank) and get this:
   Fatal error: Uncaught Error: Class 'VWP\Enqueues' not found in /volume1/web/blank/wp-content/plugins/vue-wordpress-plugin/vwp.php:26 Stack trace: #0 /volume1/web/blank/wp-admin/includes/plugin.php(1897): include() #1 /volume1/web/blank/wp-admin/plugins.php(172): plugin_sandbox_scrape('vue-wordpress-p...') #2 {main} thrown in /volume1/web/blank/wp-content/plugins/vue-wordpress-plugin/vwp.php on line 26

I think I'm still 'all in' for traditional plugin development. While webpack, ES6, etc... certainly make some sense for bigger applications, for components/plugins it's just overkill. If I were to create something, I'd most likely create a theme...

Anyway - interesting approach.
Andy

hey I'd love to have a robust Vue dev environment inside WordPress and I've been doing research trying to figure out if there's a way to feather in WP hot reloading to the vue-cli/webpack-hot-middleware service. have you experimented with that at all? Do you know anyone else who has? Vue is awesome but it's kind of a pain in the ass to develop it without the vue-devtools and hot reloading...trying to figure it out. Thanks.

Hello! I'm a bit confused, is this code for creating a new plugin?

Some documentation on how to generate .zip to upload for Wordpress would be nice.
I can add after I go through this and its explained to me.

I have an existing vue web app, that I'd like to include in an existing wordpress site.

Could I just replace your repo's /js folder with my vue /src?

Thanks for the package very nice, only issue is watchify package isn't included in your package.json file.