vueless 0.0.772 → 0.0.773

package/directives/tooltip/vTooltip.ts

@@ -1,7 +1,8 @@
+import tippy from "tippy.js";
 import { merge } from "lodash-es";
 
 import { vuelessConfig } from "../../utils/ui.ts";
-import { isSSR } from "../../utils/helper.ts";
+import { isCSR, isSSR } from "../../utils/helper.ts";
 
 import type { DefaultProps } from "tippy.js";
 import type {
@@ -12,13 +13,20 @@ import type {
 
 let settings: Partial<DefaultProps> = {};
 
-const defaultSettings = {
-  arrow: true,
-  theme: "light",
-  animation: "shift-away",
-};
+if (isCSR) {
+  import("tippy.js/dist/tippy.css");
+  import("tippy.js/themes/light.css");
+  import("tippy.js/animations/shift-away.css");
+
+  const defaultSettings = {
+    arrow: true,
+    theme: "light",
+    animation: "shift-away",
+  };
 
-settings = merge(defaultSettings, vuelessConfig.directives?.tooltip || {}) as DefaultProps;
+  settings = merge(defaultSettings, vuelessConfig.directives?.tooltip || {}) as DefaultProps;
+  tippy.setDefaultProps(settings);
+}
 
 function onMounted(el: TippyTargetElement, bindings: DirectiveBindingContent): void;
 function onMounted(el: TippyTargetElement, bindings: DirectiveBindingProps): void;
@@ -28,29 +36,19 @@ function onMounted(
 ): void {
   if (isSSR) return;
 
-  (async () => {
-    await import("tippy.js/dist/tippy.css");
-    await import("tippy.js/themes/light.css");
-    await import("tippy.js/animations/shift-away.css");
-
-    const { default: tippy } = await import("tippy.js");
-
-    tippy.setDefaultProps(settings);
+  if (typeof bindings.value === "string" && bindings.value.length) {
+    tippy(el, merge(settings, { content: bindings.value }));
 
-    if (typeof bindings.value === "string" && String(bindings.value).length) {
-      tippy(el, merge(settings, { content: bindings.value }));
-
-      return;
-    }
+    return;
+  }
 
-    if (
-      typeof bindings.value === "object" &&
-      bindings.value.content &&
-      String(bindings.value.content).length
-    ) {
-      tippy(el, merge(settings, bindings.value || {}));
-    }
-  })();
+  if (
+    typeof bindings.value !== "string" &&
+    bindings.value.content &&
+    String(bindings.value.content).length
+  ) {
+    tippy(el, merge(settings, bindings.value || {}));
+  }
 }
 
 function onUpdated(el: TippyTargetElement, bindings: DirectiveBindingContent): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.772",
+  "version": "0.0.773",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/plugin-vite.js

@@ -66,7 +66,12 @@ export const Vueless = function (options = {}) {
         "process.env": {},
       },
       optimizeDeps: {
-        include: [...(!isVuelessEnv ? ["vueless/preset-tailwind"] : [])],
+        include: [
+          ...(!isVuelessEnv ? ["vueless/preset-tailwind"] : []),
+          ...(!isVuelessEnv
+            ? ["vueless/directives/tooltip/vTooltip.ts"]
+            : ["./src/directives/tooltip/vTooltip.ts"]),
+        ],
       },
     }),