vw

vue-wordpress

A collection of Vue components and mixins for use with WordPress and the WP-REST API

Showing:

Popularity

Downloads/wk

1

Maintenance

No Maintenance Data Available

Package

Dependencies

4

License

Type Definitions

Tree-Shakeable

No?

Categories

Readme

vue-wordpress

A vue plugin that facilitates use of the WordPress REST API as a back-end Content Management System (CMS) with a Vue front-end

Design overview

Example:

Check out the example in src/example/example.vue

You can run the example by running npm run dev (see below)

You can see the components used 'in the wild' at http://pixelthin.com

Getting Started

Vue installation

vue add vue-wordpress

How to use vue-wordpress in your Vue app

Anywhere you wish to pull in content from WordPress, simply do the following:


<div v-for="(post,index) of postLoader.pages[0].content" :key="index">
    <post-summary imgSize="thumbnail" :post="post" class="post-summary"></post-summary>
    </br>
</div>

🔷 Note: You may experience a babel-preset-env error when running 'npm run dev'

-- to fix this, please execute 'npm install --save-dev babel-preset-env'. See Babel issue 186 for more information https://github.com/babel/babel-preset-env/issues/186

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial