Remove all references to uikit.

src/components/ImportPage.vue

@@ -1,17 +1,17 @@
 <template>
-    <div class="uk-vertical-align text-center uk-height-1-1">
-        <form class="uk-panel uk-panel-box">
-            <div class="uk-form-row">
+    <div class="text-center">
+        <form>
+            <div>
                 <input ref="fileSelector" type="file" @change="fileChange" />
             </div>
-            <div class="uk-form-row">
+            <div>
                 <strong v-text="`Selected Subscriptions: ${selectedSubscriptions}`" />
             </div>
-            <div class="uk-form-row">
+            <div>
                 <strong>Override: <input v-model="override" class="checkbox" type="checkbox" /></strong>
             </div>
-            <div class="uk-form-row">
-                <a class="uk-width-1-1 btn uk-button-large w-auto" @click="handleImport">Import</a>
+            <div>
+                <a class="btn w-auto" @click="handleImport">Import</a>
             </div>
         </form>
         <br />

src/components/LoginPage.vue

@@ -1,28 +1,28 @@
 <template>
-    <div class="uk-vertical-align text-center">
+    <div class="text-center">
         <h1 v-t="'titles.login'" />
-        <form class="uk-panel uk-panel-box children:pb-3">
-            <div class="uk-form-row">
+        <form class="children:pb-3">
+            <div>
                 <input
                     v-model="username"
-                    class="uk-width-1-1 uk-form-large input w-auto"
+                    class="input"
                     type="text"
                     autocomplete="username"
                     :placeholder="$t('login.username')"
                     :aria-label="$t('login.username')"
                 />
             </div>
-            <div class="uk-form-row">
+            <div>
                 <input
                     v-model="password"
-                    class="uk-width-1-1 uk-form-large input w-auto"
+                    class="input"
                     type="password"
                     autocomplete="password"
                     :placeholder="$t('login.password')"
                     :aria-label="$t('login.password')"
                 />
             </div>
-            <div class="uk-form-row">
+            <div>
                 <a class="btn w-auto" @click="login" v-text="$t('titles.login')" />
             </div>
         </form>

src/components/RegisterPage.vue

@@ -1,28 +1,28 @@
 <template>
-    <div class="uk-vertical-align text-center uk-height-1-1">
-        <form class="uk-panel uk-panel-box children:pb-3">
-            <div class="uk-form-row">
+    <div class="text-center">
+        <form class="children:pb-3">
+            <div>
                 <input
                     v-model="username"
-                    class="uk-width-1-1 uk-form-large input w-auto"
+                    class="input"
                     type="text"
                     autocomplete="username"
                     :placeholder="$t('login.username')"
                     :aria-label="$t('login.username')"
                 />
             </div>
-            <div class="uk-form-row">
+            <div>
                 <input
                     v-model="password"
-                    class="uk-width-1-1 uk-form-large input w-auto"
+                    class="input"
                     type="password"
                     autocomplete="password"
                     :placeholder="$t('login.password')"
                     :aria-label="$t('login.password')"
                 />
             </div>
-            <div class="uk-form-row">
-                <a class="uk-width-1-1 btn w-auto" @click="register" v-text="$t('titles.register')" />
+            <div>
+                <a class="btn w-auto" @click="register" v-text="$t('titles.register')" />
             </div>
         </form>
     </div>

src/components/SearchResults.vue

@@ -27,7 +27,7 @@
     <div v-if="results" class="video-grid">
         <div v-for="result in results.items" :key="result.url">
             <VideoItem v-if="shouldUseVideoItem(result)" :video="result" height="94" width="168" />
-            <div v-if="!shouldUseVideoItem(result)" class="uk-text-secondary">
+            <div v-if="!shouldUseVideoItem(result)">
                 <router-link :to="result.url">
                     <div class="relative">
                         <img class="w-full" :src="result.thumbnail" loading="lazy" />
@@ -38,14 +38,14 @@
                     </p>
                 </router-link>
                 <p v-if="result.description" v-text="result.description" />
-                <router-link v-if="result.uploaderUrl" class="uk-link-muted" :to="result.uploaderUrl">
+                <router-link v-if="result.uploaderUrl" class="link" :to="result.uploaderUrl">
                     <p>
                         <span v-text="result.uploader" />
                         <font-awesome-icon class="ml-1.5" v-if="result.uploaderVerified" icon="check" />
                     </p>
                 </router-link>
 
-                <a v-if="result.uploaderName" class="uk-text-muted" v-text="result.uploaderName" />
+                <a v-if="result.uploaderName" class="link" v-text="result.uploaderName" />
                 <template v-if="result.videos >= 0">
                     <br v-if="result.uploaderName" />
                     <strong v-text="`${result.videos} ${$t('video.videos')}`" />

src/main.js

@@ -34,8 +34,6 @@ library.add(
     faTv,
 );
 
-// import("uikit/dist/css/uikit-core.css");
-
 import router from "@/router/router.js";
 import App from "./App.vue";
 
@@ -164,7 +162,7 @@ const mixin = {
             const regex = /(((https?:\/\/)|(www\.))[^\s]+)/g;
             if (!string) return "";
             return string.replace(regex, url => {
-                return `<a class="uk-button uk-button-text" href="${url}" target="_blank">${url}</a>`;
+                return `<a href="${url}" target="_blank">${url}</a>`;
             });
         },
         async updateWatched(videos) {