{"id":116605,"date":"2020-01-28T04:25:07","date_gmt":"2020-01-28T04:25:07","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/wp-vue\/"},"modified":"2020-01-28T04:25:07","modified_gmt":"2020-01-28T04:25:07","slug":"wp-vue","status":"publish","type":"plugin","link":"https:\/\/test.wordpress.org\/plugins\/wp-vue\/","author":14532643,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"0.1.0","stable_tag":"trunk","tested":"5.2.24","requires":"4.4","requires_php":"7.0","requires_plugins":"","header_name":"Wp Vue","header_author":"Tristup Ghosh","header_description":"WordPress with Vue Js","assets_banners_color":"","last_updated":"2020-01-28 04:25:07","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/www.tristupghosh.com\/","header_plugin_uri":"http:\/\/PLUGIN%20SITE%20HERE","header_author_uri":"http:\/\/www.tristupghosh.com","rating":0,"author_block_rating":0,"active_installs":10,"downloads":2810,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"":"

No Upgrade Notice.<\/p>"},"ratings":[],"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":"2234223","resolution":"1","location":"assets","locale":"","width":853,"height":113}},"screenshots":{"1":"Screenshot : Shortcode."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[357,165578,181239,129180],"plugin_category":[],"plugin_contributors":[169597],"plugin_business_model":[],"class_list":["post-116605","plugin","type-plugin","status-publish","hentry","plugin_tags-shortcodes","plugin_tags-vue","plugin_tags-vue-js","plugin_tags-wordpress","plugin_contributors-tristup","plugin_committers-tristup"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/wp-vue.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/wp-vue\/assets\/screenshot-1.png?rev=2234223","caption":"Screenshot : Shortcode."}],"raw_content":"\n

WP Vue plugin will provide you the shortcode to show the Posts using the VUE JS. Page will shows as Single Page Application.<\/p>\n\n

Major features in WP Vue include:<\/h3>\n\n
    \n

  1. Shows the Posts using Vue-JS<\/p><\/li>\n

  2. Can limit the posts [ Else will take default value from Site Settings ]<\/p><\/li>\n

  3. Shows the Pagination<\/p><\/li>\n

  4. Single Page Appplication<\/p><\/li>\n

  5. Do Not reload the page.<\/p><\/li>\n<\/ol>\n\n

    Shortcode & Attributes<\/h3>\n\nWith all default values\n\n

    [wp-vue-posts]<\/p>\n\nWith Post Per Page Option\n\n

    [wp-vue-posts posts_per_page=\"20\"]<\/p>\n\nWith Offset Option\n\n

    [wp-vue-posts posts_per_page=\"20\" offset=\"10\"]<\/p>\n\nWith Order Option\n\n

    [wp-vue-posts posts_per_page=\"20\" offset=\"10\" order=\"desc\"]\nOrder Options : \"desc\" for descending, \"asc\" for ascending<\/p>\n\nWith Order By Option\n\n

    [wp-vue-posts posts_per_page=\"20\" offset=\"10\" order=\"desc\" orderby=\"date\"]\nOrder By Options : \"id\" is deafult value, other valid values are \"date\", \"relevance\", \"include\", \"title\", and \"slug\"<\/p>\n\n

    Files<\/h3>\n\n
      \n
    1. wp-vue.php : File to start working on<\/li>\n
    2. wp-vue-template.php : Template file showing the value fetched using Vue<\/li>\n
    3. main.js : Main JavaScript file to create a fetch request to the Post API endpoint to get the posts.<\/li>\n<\/ol>\n\n\n

      This section describes how to install the plugin and get it working.<\/p>\n\n

        \n

      1. Go to Wordpress Dashboard > Plugins > click on Installed plugins > look for add new at the top most of the screen and click here > Add Plugins > upload plugin > choose file -> click here and upload Simple Demo Importer plugin.<\/p><\/li>\n

      2. Activate Plugin through 'Plugins' menu in WordPress.<\/p><\/li>\n

      3. You can start using the Shortcode with all the possible attributes. Happy Vuing<\/code><\/p><\/li>\n<\/ol>\n\n\n

          \n
        1. How to create a New Request? <\/li>\n<\/ol>\n\n

          Answer : Need to create a method in main.js follwoing the VUE JS structure, and call into the template file.<\/p>\n\n\n

          Intial Commit.<\/p>","raw_excerpt":"WP Vue plugin will provide you the shortcode to show the Posts using the VUE JS. Page will shows as Single Page Application.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/116605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=116605"}],"author":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/tristup"}],"wp:attachment":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=116605"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=116605"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=116605"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=116605"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=116605"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=116605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}