Welcome to Tauri + Vue
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/Home.vue b/src/views/Home.vue
new file mode 100644
index 0000000..f4dca96
--- /dev/null
+++ b/src/views/Home.vue
@@ -0,0 +1,208 @@
+// filepath: src/views/Home.vue
+
+
+
+
+
+
+ Download History
+Manage your past downloads.
+
+
+
+
+
+ No downloads yet
+Your download history will appear here.
+
+
+
+
+
+
+
+ | Media | +Date | +Format | +Status | +Actions | +
|---|---|---|---|---|
|
+
+
+
+
+ {{ item.title }}
+ {{ item.url }}
+ |
+ + {{ formatDistanceToNow(new Date(item.timestamp), { addSuffix: true }) }} + | ++ {{ item.format }} + | ++ + + {{ item.status === 'success' ? 'Completed' : 'Failed' }} + + | ++ + + | +
+
+
+
+
+
+
diff --git a/src/views/Settings.vue b/src/views/Settings.vue
new file mode 100644
index 0000000..9a16814
--- /dev/null
+++ b/src/views/Settings.vue
@@ -0,0 +1,125 @@
+// filepath: src/views/Settings.vue
+
+
+
+ New Download
+Paste a URL to start downloading media.
+
+
+
+
+
+
+
+
+ {{ error }}
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+ {{ metadata.title }}
+{{ metadata.uploader }}
+{{ metadata.entries.length }} videos in playlist
+ + +
+
+
+
+ Audio Only
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Active Downloads
+
+
+
+
+ ![]()
+
+
+
+
+
+ {{ task.title }}
+ + {{ task.status === 'finished' ? 'Completed' : (task.status === 'error' ? 'Failed' : task.speed) }} + +
+
+
+
+
+
+
+
+
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..c5f554f
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,12 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+ content: [
+ "./index.html",
+ "./src/**/*.{vue,js,ts,jsx,tsx}",
+ ],
+ darkMode: 'class',
+ theme: {
+ extend: {},
+ },
+ plugins: [],
+}
Settings
+Configure your download preferences.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Download Location
+
+
+
+ {{ settingsStore.settings.download_path || 'Not set (using defaults)' }}
+
+
+ Appearance
+
+
+
+
+
+
+
+
+
+
+ Binary Management
+Current Version: {{ settingsStore.ytdlpVersion }}
+Last Updated: {{ settingsStore.settings.last_updated ? new Date(settingsStore.settings.last_updated).toLocaleDateString() : 'Never' }}
+
+ {{ updateStatus }}
+
+