any-downloader-vue
AnyDownloader web client
Vue based web interface for AnyDownloader API
Dependencies
Installation
npm i any-downloader-vue
Usage
<html>
<head>
<title>AnyDownloader</title>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script>
<script src="./node_modules/any-downloader-vue/dist/index.js"></script>
</head>
<body>
<section>
<div class="relative pb-12 pt-12 md:pt-12 bg-gray-900 border-b-4 border-green-600">
<div class="container mx-auto px-4">
<div class="max-w-2xl mx-auto text-center md:mb-20">
<h1 class="text-4xl lg:text-5xl text-gray-50 font-bold">AnyDownloader</h1>
<div id="downloader" class="text-gray-50">
<any-downloader
input-placeholder="Put link here"
v-bind:api-url="'http://anydownloader.test/api/resource'"
btn-text="Download"
></any-downloader>
</div>
</div>
</div>
</div>
</section>
<script type="module">
import Vue from 'https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.esm.browser.js'
Vue.component('AnyDownloader', AnyDownloader)
const downloader = new Vue({
el: '#downloader'
});
</script>
</body>
</html>