@naptics/vue-collection 0.2.14 → 0.3.0

package/utils/component.d.ts

@@ -17,9 +17,7 @@ export type ExtractedProps<T extends Props> = Readonly<LooseRequired<Readonly<Ex
  * @param setup the setup function, which will be called when the component is mounted.
  * @returns the created vue-component.
  */
-export declare function createComponent<T extends Props>(name: string, props: T, setup: (props: ExtractedProps<T>, context: SetupContext<never[]>) => RenderFunction | Promise<RenderFunction>): import("vue").DefineComponent<T, RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<T extends import("vue").ComponentPropsOptions<{
-    [x: string]: unknown;
-}> ? ExtractPropTypes<T> : T> & {}, import("vue").ExtractDefaultPropTypes<T>>;
+export declare function createComponent<T extends Props>(name: string, props: T, setup: (props: ExtractedProps<T>, context: SetupContext<never[]>) => RenderFunction | Promise<RenderFunction>): import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 /**
  * When using this function, the created component will make available all props
  * specifiedin `slotPropKeys` as slot. In this way, they can be used by either setting
@@ -27,9 +25,7 @@ export declare function createComponent<T extends Props>(name: string, props: T,
  * components (in `.vue` files), because they are dependent on slots.
  * @see {@link createComponent}
  */
-export declare function createComponentWithSlots<T extends Props>(name: string, props: T, slotPropKeys: SlotPropsKeys<ExtractedProps<T>>, setup: (props: ExtractedProps<T>, context: SetupContext<never[]>) => RenderFunction | Promise<RenderFunction>): import("vue").DefineComponent<T, RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<T extends import("vue").ComponentPropsOptions<{
-    [x: string]: unknown;
-}> ? ExtractPropTypes<T> : T> & {}, import("vue").ExtractDefaultPropTypes<T>>;
+export declare function createComponentWithSlots<T extends Props>(name: string, props: T, slotPropKeys: SlotPropsKeys<ExtractedProps<T>>, setup: (props: ExtractedProps<T>, context: SetupContext<never[]>) => RenderFunction | Promise<RenderFunction>): import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 /**
  * Views should be created using this helper function. Views are special components, which don't have props.
  * They are often the parent objects in a view hierarchy and contain many components.
@@ -38,7 +34,7 @@ export declare function createComponentWithSlots<T extends Props>(name: string,
  * @param setup the setup function, which will be called when the component is mounted.
  * @returns the created vue-component.
  */
-export declare function createView(name: string, setup: (context: SetupContext<never[]>) => RenderFunction | Promise<RenderFunction>): import("vue").DefineComponent<{}, RenderFunction, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{}>> & {}, {}>;
+export declare function createView(name: string, setup: (context: SetupContext<never[]>) => RenderFunction | Promise<RenderFunction>): import("vue").DefineComponent<{}, RenderFunction, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /**
  * Extracts props from another prop object and returns a reactive object with the specified props.
  * @param props the props to extract from

package/utils/component.js

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode, Fragment as _Fragment } from "vue";
-import { defineComponent, reactive, toRef, toRefs, ref } from 'vue';
+import { defineComponent, reactive, toRef, toRefs, ref, Fragment as _Fragment, createVNode as _createVNode } from 'vue';
 /**
  * Components should be created using this helper function.
  * It only takes three arguments, the name and the props of the component and the setup function.
@@ -11,6 +10,10 @@ import { defineComponent, reactive, toRef, toRefs, ref } from 'vue';
  * @returns the created vue-component.
  */
 export function createComponent(name, props, setup) {
+  // Vue 3.5's defineComponent has strict type requirements that don't align with our simplified API.
+  // The type assertion is necessary because the generic setup function signature doesn't match
+  // Vue's complex overloaded defineComponent types, even though the runtime behavior is correct.
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   return defineComponent({
     name,
     props,

package/utils/identifiable.js

@@ -21,7 +21,11 @@ function contains(array, id) {
 }
 function insertSingle(baseArray, insertItem) {
   const index = baseArray.findIndex(item => item.id === insertItem.id);
-  index === -1 ? baseArray.push(insertItem) : baseArray.splice(index, 1, insertItem);
+  if (index === -1) {
+    baseArray.push(insertItem);
+  } else {
+    baseArray.splice(index, 1, insertItem);
+  }
 }
 /**
  * Inserts the items into the given array, replacing items with the same `id`.

package/vite.config.ts

@@ -0,0 +1,28 @@
+import { fileURLToPath, URL } from 'url'
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import vueI18n from '@intlify/unplugin-vue-i18n/vite'
+import { resolve, dirname } from 'path'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    plugins: [
+        vue(),
+        vueJsx(),
+        vueI18n({
+            compositionOnly: true,
+            runtimeOnly: false,
+            fullInstall: false,
+            include: resolve(__dirname, 'src/i18n/*'),
+        }),
+    ],
+    resolve: {
+        alias: {
+            '@': fileURLToPath(new URL('./src', import.meta.url)),
+        },
+    },
+    base: process.env.VITE_BASE_PATH,
+})