Add a Vue component, remove extras

Fixes the problem of the vue components directory not
existing. Also removed the demo components that were
not meant to be committed.

Signed-off-by: Tucker McKnight <tucker.mcknight@gmail.com>

js/app/VueComponents.js

@@ -0,0 +1,3 @@
+var IconLinkCompact = require('../vue_components/IconLinkCompact.vue').default;
+var iconLinkCompactComponent = Vue.component('IconLinkCompact', IconLinkCompact);
+app.value('IconLinkCompact', iconLinkCompactComponent);

js/vue_components/IconLinkCompact.vue

@@ -0,0 +1,21 @@
+<template>
+  <li class="util only-in-compact">
+    <a class="external icon-link"
+      v-on:click="ctrl.markRead(item.id)"
+      target="_blank"
+      rel="noreferrer"
+      v-bind:href="item.url"
+      title="<?php p($l->t('Open website')) ?>"
+      news-stop-propagation>
+    </a>
+  </li>
+</template>
+
+<script>
+
+export default {
+  props: ['ctrl', 'item'],
+};
+</script>
+
+

templates/index.php

@@ -24,6 +24,7 @@ foreach (Plugin::getScripts() as $appName => $fileName) {
     script($appName, $fileName);
 }
 ?>
+
     <div id="global-loading"
         class="icon-loading"
         ngCloak

templates/part.content.explore.php

@@ -1,7 +1,6 @@
 <?php print_unescaped($this->inc('part.content.warnings')) ?>
 
 <div id="explore">
-    <vue-component name="ExploreItems" v-props-explore="Explore" />
     <div class="grid">
         <div ng-repeat="entry in Explore.feeds | filter:Explore.filter | orderBy:'-votes'" ng-show="!Explore.feedExists(entry.feed)" class="explore-feed grid-item" news-refresh-masonry>
             <h2 ng-show="entry.favicon"

templates/part.content.php

@@ -11,7 +11,6 @@
     <div ng-show="Content.getItems().length == 0" class="no-feeds-available">
         <p ng-show="Content.isShowAll()"><?php p($l->t('No articles available')) ?></p>
         <p ng-show="!Content.isShowAll()"><?php p($l->t('No unread articles available')) ?></p>
-        <vue-component name="SomeComponent" v-props="Content" watch-depth="value" />
     </div>
     <button ng-controller="NavigationController as Navigation" id="mark-all-read-button" ng-click="Navigation.markCurrentRead()" class="hidden">
         <span title="Mark Read" class="icon-checkmark"></span>