further progress

.eslintignore

@@ -0,0 +1 @@
+/dist

.gitignore

@@ -26,3 +26,5 @@ coverage
 *.njsproj
 *.sln
 *.sw?
+
+tsconfig.app.tsbuildinfo

package.json

@@ -2,7 +2,7 @@
   "name": "vue-comixable",
   "description": "",
   "keywords": ["Vue", "composables", "mixins", "Vue plugin", "migration"],
-  "version": "0.0.0",
+  "version": "0.1.0",
   "author": {
     "name": "Thorsten Lünborg",
     "url": "https://github.com/linusborg"
@@ -23,11 +23,9 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "run-p type-check build-only",
-    "preview": "vite preview",
-    "test:unit": "vitest --environment jsdom --root src/",
-    "build-only": "vite build",
+    "build": "vite build && tsc --declaration --emitDeclarationOnly -p tsconfig.app.json --outDir dist",
     "type-check": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
+    "test:unit": "vitest --environment jsdom --root src/",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
   "dependencies": {

src/createComposable.ts

@@ -1,3 +1,7 @@
+/**
+ * Code in this file is based on the Options API implementation in Vue 3's codebase:
+ * https://github.com/vuejs/core/blob/f67bb500b6071bc0e55a89709a495a27da73badd/packages/runtime-core/src/componentOptions.ts
+ */
 import {
   onBeforeMount,
   onMounted,
@@ -45,17 +49,15 @@ export function createComposableFromMixin<
     props,
     emits,
 
-    // mixins,
-
     data: dataFn,
     computed: computedOptions,
     methods,
-
     watch,
 
     provide: provideOptions,
     inject: injectOptions,
 
+    // Lifecylce Hooks
     created,
     beforeCreate,
     beforeMount,
@@ -69,6 +71,8 @@ export function createComposableFromMixin<
     renderTracked,
     renderTriggered,
     errorCaptured,
+
+    // mixins,
   } = mixin
 
   const composable = () => {

src/inject.ts

@@ -1,3 +1,10 @@
+/**
+ * @legal
+ * This code is largely based on code from the Vue 3 codebase:
+ * https://github.com/vuejs/core/blob/f67bb500b6071bc0e55a89709a495a27da73badd/packages/runtime-core/src/componentOptions.ts#L823-L876
+ * https://github.com/vuejs/core/blob/f67bb500b6071bc0e55a89709a495a27da73badd/packages/runtime-core/src/componentOptions.ts#L1073-L1084
+ */
+
 import { inject, isRef, type Ref } from 'vue'
 import type { ComponentInjectOptions, ObjectInjectOptions } from './types'
 import { isArray, isObject } from './utils'

src/types.ts

@@ -1,3 +1,9 @@
+/**
+ * @legal
+ * Various types in this file are based on code from the Vue 3 codebase:
+ * https://github.com/vuejs/core/blob/f67bb500b6071bc0e55a89709a495a27da73badd/packages/runtime-core/src/componentOptions.ts
+ */
+
 // TODO: replace with ComponentOptions or something
 import type {
   ComponentProvideOptions,

src/utils.ts

@@ -6,6 +6,11 @@ export const isArray = Array.isArray
 export const isObject = (val: unknown): val is Record<any, any> =>
   val !== null && typeof val === 'object'
 
+/**
+ * @legal
+ * taken from the Vue 3 Codebase, slightly adjusted:
+ * https://github.com/vuejs/core/blob/f67bb500b6071bc0e55a89709a495a27da73badd/packages/runtime-core/src/componentOptions.ts#L878-L890
+ */
 export function callHook(
   hook: Function,
   instance: ComponentInternalInstance,

tsconfig.app.json

@@ -1,12 +1,13 @@
 {
   "extends": "@vue/tsconfig/tsconfig.web.json",
-  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "include": ["src/env.d.tsd.ts", "src/**/*", "src/**/*.vue"],
   "exclude": ["src/**/__tests__/*"],
   "compilerOptions": {
     "composite": true,
     "outDir": "dist",
     "allowJs": true,
     "baseUrl": ".",
+    "rootDir": "src",
     "paths": {
       "@/*": ["./src/*"]
     }