{"id":881,"date":"2017-09-09T15:25:03","date_gmt":"2017-09-09T20:25:03","guid":{"rendered":"http:\/\/tiemensfamily.com\/TimOnCS\/?p=881"},"modified":"2017-09-09T15:25:03","modified_gmt":"2017-09-09T20:25:03","slug":"vue-js-carousel-state-fair","status":"publish","type":"post","link":"https:\/\/tiemensfamily.com\/timoncs\/2017\/09\/09\/vue-js-carousel-state-fair\/","title":{"rendered":"Vue.js carousel State Fair"},"content":{"rendered":"<p>This is the announcment page for <a href=\"\/vue-caro\/index.html\">Minnesota State Fair Space Tower<\/a>.<\/p>\n<p>This was the &#8220;next level of difficulty&#8221; for Vue.js.  It involved using vue-cli to create the webpack-simple basis for the project, then learning how to incorporate components into the project (in this project, that was <a href=\"https:\/\/ssense.github.io\/vue-carousel\/\">Vue Carousel<\/a>), and learning the npm run build and how to export that to a static web page.<\/p>\n<p>Because of the (ridiculously) heavy-weight build process, it took a while to get going.  And, it still has a &#8220;root&#8221; (aka &#8220;leading slash&#8221;) problem in the final build.js.  It also has JavaScript that has the beginnings of a &#8220;cache-bust&#8221; technique, aka src=&#8221;dist\/IMG_3107.jpg?1974a0f53e964bb24495a619408dbaf3&#8243;, but the dist directory itself only has the short-name &#8220;IMG_3107.jpg&#8221;.<\/p>\n<p>Overall, still pretty simple, and holds lots of promise as an AngularJS replacement.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is the announcment page for Minnesota State Fair Space Tower. This was the &#8220;next level of difficulty&#8221; for Vue.js. It involved using vue-cli to create the webpack-simple basis for the project, then learning how to incorporate components into the &hellip; <a href=\"https:\/\/tiemensfamily.com\/timoncs\/2017\/09\/09\/vue-js-carousel-state-fair\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[],"_links":{"self":[{"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/posts\/881"}],"collection":[{"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/comments?post=881"}],"version-history":[{"count":0,"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/posts\/881\/revisions"}],"wp:attachment":[{"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/media?parent=881"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/categories?post=881"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tiemensfamily.com\/timoncs\/wp-json\/wp\/v2\/tags?post=881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}