feat: added basic empty state

Author: mwargan

src/views/DashboardView.vue

@@ -58,7 +58,7 @@ const itemData = computed(() => ({
       completed: data.value?.bestRedirect?.uuid,
     },
     {
-      text: "Test your magic link",
+      text: t("Test your magic link"),
       href: !data.value?.bestRedirect?.uuid
         ? "/redirects/create"
         : `/redirects/${data.value?.bestRedirect?.uuid}`,

src/views/RedirectsView.vue

@@ -4,6 +4,7 @@ import type { Redirect } from "@/types/redirect";
 import CardElement from "@/components/CardElement.vue";
 import { getRedirectQrCodeUrl, getRedirects } from "@/useRedirects";
 import { removeProtocol } from "@/helpers/urlFormatter";
+import BaseButton from "@/components/BaseButton.vue";
 
 const redirects = ref([] as Redirect[]);
 const isLoading = ref(true);
@@ -57,5 +58,14 @@ const defaultEndpoint = (redirect: Redirect) => {
         />
       </template>
     </card-element>
+
+    <card-element
+      v-if="redirects.length === 0 && !isLoading"
+      :title="$t('Create a free permanent magic link')"
+    >
+      <base-button to="/redirects/create">
+        {{ $t("Create a free permanent magic link") }}
+      </base-button>
+    </card-element>
   </div>
 </template>