@skeletonizer/vue 0.0.10-alpha.0 → 0.0.11-alpha.0

package/dist/components/SkeletonizerSkeleton.vue.d.ts

@@ -0,0 +1,76 @@
+import { UnwrapRef } from 'vue';
+import { ISkeletonizerColorSchema, TSchemaConfig } from '@skeletonizer/utils';
+
+declare const _default: <TSkeletonScopeObject extends object>(__VLS_props: {
+    config: TSchemaConfig<TSkeletonScopeObject>;
+    showSkeleton: boolean;
+    scope: TSkeletonScopeObject;
+    colorSchema?: ISkeletonizerColorSchema | undefined;
+} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, __VLS_ctx?: {
+    attrs: any;
+    emit: any;
+    slots: Readonly<{
+        default?: ((props: {
+            scope: TSkeletonScopeObject | UnwrapRef<TSkeletonScopeObject>;
+        }) => {
+            scope: TSkeletonScopeObject | UnwrapRef<TSkeletonScopeObject>;
+        }) | undefined;
+    }> & {
+        default?: ((props: {
+            scope: TSkeletonScopeObject | UnwrapRef<TSkeletonScopeObject>;
+        }) => {
+            scope: TSkeletonScopeObject | UnwrapRef<TSkeletonScopeObject>;
+        }) | undefined;
+    };
+} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        config: TSchemaConfig<TSkeletonScopeObject>;
+        showSkeleton: boolean;
+        scope: TSkeletonScopeObject;
+        colorSchema?: ISkeletonizerColorSchema | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<{
+        default?: ((props: {
+            scope: TSkeletonScopeObject | UnwrapRef<TSkeletonScopeObject>;
+        }) => {
+            scope: TSkeletonScopeObject | UnwrapRef<TSkeletonScopeObject>;
+        }) | undefined;
+    }> & {
+        default?: ((props: {
+            scope: TSkeletonScopeObject | UnwrapRef<TSkeletonScopeObject>;
+        }) => {
+            scope: TSkeletonScopeObject | UnwrapRef<TSkeletonScopeObject>;
+        }) | undefined;
+    };
+    emit: any;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            config: TSchemaConfig<TSkeletonScopeObject>;
+            showSkeleton: boolean;
+            scope: TSkeletonScopeObject;
+            colorSchema?: ISkeletonizerColorSchema | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: Readonly<{
+            default?: ((props: {
+                scope: TSkeletonScopeObject | UnwrapRef<TSkeletonScopeObject>;
+            }) => {
+                scope: TSkeletonScopeObject | UnwrapRef<TSkeletonScopeObject>;
+            }) | undefined;
+        }> & {
+            default?: ((props: {
+                scope: TSkeletonScopeObject | UnwrapRef<TSkeletonScopeObject>;
+            }) => {
+                scope: TSkeletonScopeObject | UnwrapRef<TSkeletonScopeObject>;
+            }) | undefined;
+        };
+        emit: any;
+    } | undefined;
+};
+export default _default;

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import { default as SkeletonizerSkeleton } from './components/SkeletonizerSkeleton.vue';
+import { App } from 'vue';
+
+declare const _default: {
+    install: (app: App) => void;
+};
+export default _default;
+export { SkeletonizerSkeleton };

package/dist/skeletonizer-vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as S, reactive as D, watch as z, resolveDirective as C, openBlock as f, createElementBlock as b, Fragment as I, renderList as N, withDirectives as x, renderSlot as y } from "vue";
+import { defineComponent as S, reactive as D, watch as z, resolveDirective as C, openBlock as f, createElementBlock as b, Fragment as x, renderList as I, withDirectives as N, renderSlot as y } from "vue";
 var w = (i, e, t) => {
   if (!e.has(i))
     throw TypeError("Cannot " + t);
@@ -681,7 +681,7 @@ const V = /* @__PURE__ */ S({
       { immediate: !0 }
     ), (s, m) => {
       const u = C("skeletonize");
-      return s.showSkeleton ? (f(!0), b(I, { key: 0 }, N(t.viewModels, (h, c) => x((f(), b("div", { key: c }, [
+      return s.showSkeleton ? (f(!0), b(x, { key: 0 }, I(t.viewModels, (h, c) => N((f(), b("div", { key: c }, [
         y(s.$slots, "default", {
           scope: h.value
         })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skeletonizer/vue",
-  "version": "0.0.10-alpha.0",
+  "version": "0.0.11-alpha.0",
   "description": "The way to skeletonize your Vue.js components",
   "author": "Luka Varga",
   "license": "MIT",
@@ -24,6 +24,7 @@
       "require": "./dist/skeletonizer-vue.umd.js"
     }
   },
+  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
@@ -66,9 +67,10 @@
     "npm-run-all": "^4.1.5",
     "sass": "^1.72.0",
     "typescript": "^5.4.3",
-    "vite": "^5.2.7",
+    "vite": "^5.2.10",
+    "vite-plugin-dts": "^3.9.0",
     "vitest": "1.5.1",
-    "vue": "^3.4.21",
+    "vue": "^3.4.25",
     "vue-eslint-parser": "^9.4.2",
     "vue-tsc": "^1.8.27",
     "webdriverio": "^8.35.1"
@@ -77,5 +79,5 @@
     "**/*.{scss,css}": "stylelint --fix",
     "**/*.{ts,js,.vue}": "eslint --fix"
   },
-  "gitHead": "3cfb823e233c3b596348d628c8d561b02f5d7ca7"
+  "gitHead": "58cc4586cb75166dd55d5170df7dd195c5aeac88"
 }