@bagelink/vue 0.0.300 → 0.0.304

package/src/styles/transitions.css

@@ -45,3 +45,21 @@
 .list-leave-active {
     position: absolute;
 }
+
+.slide-fade-enter-active {
+    transition: all 0.15s ease-out;
+}
+
+.slide-fade-leave-active {
+    transition: all 0.15s ease-in;
+}
+
+.slide-fade-enter-from {
+    transform: translateX(20px);
+    opacity: 0;
+}
+
+.slide-fade-leave-to {
+    transform: translateX(-20px);
+    opacity: 0;
+}

package/src/types/NavLink.ts

@@ -0,0 +1,9 @@
+import { MaterialIcons } from './materialIcons';
+
+export type NavLink = {
+  label: string;
+  to?: string;
+  materialIcon: MaterialIcons;
+  localized?: string;
+  onClick?: () => void;
+}

package/src/components/LangText.vue

@@ -1,32 +0,0 @@
-<template>
-  <span ref="el" />
-  {{ input }}
-  <!-- v-html="i18nT(input)" -->
-</template>
-<script setup lang="ts">
-defineProps<{
-  input: any;
-}>();
-</script>
-<style>
-.translate {
-  cursor: pointer;
-  position: relative;
-}
-
-/*
-.translate:hover {
-	color: var(--bgl-primary);
-}
-*/
-
-.translate-globe {
-  position: absolute;
-  top: -5px;
-  right: -5px;
-  width: 10px;
-  height: 10px;
-  background-size: contain;
-  /* background-image: url('@/assets/globe.svg'); */
-}
-</style>