{"id":121697,"date":"2020-05-16T02:30:46","date_gmt":"2020-05-16T02:30:46","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/vue-js-shortcode\/"},"modified":"2021-06-04T22:44:35","modified_gmt":"2021-06-04T22:44:35","slug":"sc-vue","status":"publish","type":"plugin","link":"https:\/\/test.wordpress.org\/plugins\/sc-vue\/","author":17487596,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0","stable_tag":"1.0.1","tested":"5.7.15","requires":"5.4","requires_php":"7.0","requires_plugins":"","header_name":"Shortcode for Vue.js","header_author":"Patrick Lai","header_description":"Injection of Vue.js based application via shortcode.","assets_banners_color":"","last_updated":"2021-06-04 22:44:35","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.paypal.me\/scoop082110","header_plugin_uri":"","header_author_uri":"","rating":5,"author_block_rating":0,"active_installs":40,"downloads":2648,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0":{"tag":"1.0","author":"scoop082110","date":"2021-06-04 22:36:48"},"1.0.1":{"tag":"1.0.1","author":"scoop082110","date":"2021-06-04 22:44:35"}},"upgrade_notice":{"":"<p>None yet.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.0.1"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[165578],"plugin_category":[],"plugin_contributors":[183261],"plugin_business_model":[],"class_list":["post-121697","plugin","type-plugin","status-publish","hentry","plugin_tags-vue","plugin_contributors-scoop082110","plugin_committers-scoop082110"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/sc-vue.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p>SC-Vue provides a shortcode to inject <a href=\"https:\/\/vuejs.org\/\">Vue.js<\/a> apps\ninto WordPress pages and posts. For example, the following shortcode\nwould inject the 'demo_posts' app:<\/p>\n\n<pre><code>  [pl2010_vue app=\"demo_posts\"\/]\n<\/code><\/pre>\n\n<p>An app is made up of two files, index.js and index.html. They reside\nin a subdirectory bearing the app's name under the 'apps' directory\nin the plugin. For the 'demo_posts' app, that means:<\/p>\n\n<ul>\n<li><em>WP&#095;PLUGIN&#095;DIR<\/em>\/sc-vue\/apps\/demo_posts\/index.js<\/li>\n<li><em>WP&#095;PLUGIN&#095;DIR<\/em>\/sc-vue\/apps\/demo_posts\/index.html<\/li>\n<\/ul>\n\n<p>The index.js Javascript file sets up an initialization function for\ncreating a Vue model. That model controls a &lt;div&gt; DOM element that\nSC-Vue renders; the content of that &lt;div&gt; comes from index.html.<\/p>\n\n<p>See apps\/demo_01 and apps\/demo_02 for simple examples of index.js\nand index.html. For a more complex and realistic example that uses\n<a href=\"https:\/\/webpack.js.org\/\">webpack.js<\/a> to packs Javascript and styles\ninto a single index.js, see apps\/demo_posts. Additional details may\nbe found in the documentation of the shortcode function in init.php.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the '<em>WP&#095;PLUGIN&#095;DIR<\/em>\/sc-vue'\ndirectory, or install the plugin through the 'Plugin's screen in\nWordPress.<\/li>\n<li>Activate the plugin.<\/li>\n<li>Install any additional Vue app in  '<em>WP&#095;PLUGIN&#095;DIR<\/em>\/sc-vue\/apps'.\nNote that app name must be simple identifier that begins with a letter\nfollowed by any number of digits, letters, and the underscore.<\/li>\n<li>Startg using shortcode <code>[pl2010_vue app=\"...\"\/]<\/code>!<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='does%20this%20work%20with%20wordpress%20version%20x%3F'><h3>Does this work with WordPress version X?<\/h3><\/dt>\n<dd><p>This plugin is developed on WordPress 5.4. It has not been tried on any\nother version.<\/p><\/dd>\n<dt id='does%20this%20work%20with%20php%205.x%3F'><h3>Does this work with PHP 5.x?<\/h3><\/dt>\n<dd><p>This plugin is developed with PHP 7.x. Backporting to PHP 5.x\nshould not be difficult however.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0<\/h4>\n\n<ul>\n<li>First version published.<\/li>\n<\/ul>","raw_excerpt":"Easily inject Vue.js app into WordPress via shortcode.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/121697","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=121697"}],"author":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/scoop082110"}],"wp:attachment":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=121697"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=121697"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=121697"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=121697"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=121697"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=121697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}