@dynect/base 0.3.0 → 0.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynect/base",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Reusable Nuxt base module — components, composables, utils, plugins and i18n from the Dynect design system.",
   "type": "module",
   "license": "MIT",

package/src/runtime/components/base/event-calendar/composables/useResilientErrorHandling.ts

@@ -1,3 +1,6 @@
+import { onMounted, onUnmounted, readonly, ref } from 'vue';
+import { useNuxtApp } from 'nuxt/app';
+
 interface ErrorContext {
 	component: string;
 	operation: string;

package/src/runtime/components/dynect/SwitchColor.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useColorMode } from '#imports';
 const colorMode: any = useColorMode();
 const isDark = computed(() => colorMode.value === 'dark');
 const toggleTheme = () => {

package/src/runtime/components/dynect/SwitchLanguage.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useI18n } from 'vue-i18n';
 import { cn } from '@/lib/utils';
 const { locale, setLocale } = useI18n();
 const props = withDefaults(

package/src/runtime/components/dynect/Telephone.vue

@@ -109,6 +109,7 @@
 <script setup lang="ts">
 import { parsePhoneNumberFromString, type CountryCode, type NumberFormat } from 'libphonenumber-js/max';
 import { cva } from 'class-variance-authority';
+import { useState, useId } from 'nuxt/app';
 import { cn, inputSizeClasses } from '@/lib/utils';
 
 type InputSize = 'sm' | 'base' | 'lg' | 'xl';

package/src/runtime/components/ui/sidebar/SidebarProvider.vue

@@ -3,6 +3,7 @@ import type { HTMLAttributes, Ref } from 'vue';
 import { useEventListener, useMediaQuery, useVModel } from '@vueuse/core';
 import { TooltipProvider } from 'reka-ui';
 import { computed, ref } from 'vue';
+import { useCookie } from 'nuxt/app';
 import { cn } from '@/lib/utils';
 import { provideSidebarContext, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from './utils';