@modelforms/fontawesome-vuetify 1.0.1 → 1.0.3

package/{index.d.ts → components/index.d.ts}

@@ -1,7 +1,7 @@
 /*! @licence MIT */
 
-export { default as FormPlate } from "./src/form/Form.vue";
-export { GridModel } from './src/form/models/model';
+export { default as FormPlate } from "./form/Form.vue";
+export { GridModel } from './form/models/model';
 
 /*! 
 * Vuetify Labs v3.4.0 by vuetify - https://vuetifyjs.com

package/components/test/Form.test.vue

@@ -0,0 +1,28 @@
+<template>
+    <FormComponent 
+        :form="form" 
+        @submit="submit($event)"/>
+
+</template>
+
+<script lang="ts">
+    import { testForm } from './form.test';
+    import { FormPlate } from './../index';
+
+    export default {
+
+        components: {
+            FormComponent: FormPlate
+        },
+        data() {
+            return {
+                form: testForm
+            }
+        },
+        methods:{
+            submit(event){
+                console.log(event);
+            }
+        }
+    }
+</script>

package/components/test/form.test.ts

@@ -0,0 +1,53 @@
+import { GridModel } from './../form/models/model';
+
+export const testForm: GridModel = {
+  name: "",
+  model: {},
+  rows: [
+  {
+    colSize: 12,
+    cols: [
+      {
+        name: "Name",
+        type: "text",
+        label: "Name",
+        rules: ["minLen:5"],
+        size: 12,
+        complete: {
+            items : [],
+            itemValue: [],
+            title: "title"
+        }
+      }
+    ]
+  },
+  {
+    colSize: 12,
+    cols: [
+      {
+        name: "Description",
+        type: "area",
+        label: "Description",
+        rules: ["maxLen:15"],
+        size: 6,
+        complete: {
+            items : [],
+            itemValue: [],
+            title: "title"
+        }
+      },
+      {
+        name: "Description",
+        type: "complete",
+        label: "Description",
+        rules: [],
+        size: 6,
+        complete: {
+            items : [],
+            itemValue: [],
+            title: "title"
+        }
+      }
+    ]
+  }]
+}

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@modelforms/fontawesome-vuetify",
-  "version": "1.0.1",
-  "main": "index.js",
+  "version": "1.0.3",
+  "main": "./components/index.d.ts",
   "type": "module",
   "exports": {
     ".": {
-      "import": "./dist/styles/main.js",
-      "require": "./dist/main.cjs"
+      "default": "./dist/index.cjs.ts",
+      "types": "./dist/index.amd.ts"
     }
   },
-  "presets": ["@babel/preset-env"],
-  "module": "./dist/styles/main.js",
-  "types": "./dist/main.d.ts",
-  "license": "MIT",  "private": false,
+  "module": "./components/index.d.ts",
+  "types": "./components/index.d.ts",
+  "license": "MIT",
+  "private": false,
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.1.0",
     "@fortawesome/free-brands-svg-icons": "^7.1.0",
@@ -23,6 +23,7 @@
     "@vue/cli-plugin-typescript": "^5.0.9",
     "@vue/cli-service": "^5.0.9",
     "init": "^0.1.2",
+    "jest": "^30.2.0",
     "my-project": "^0.0.1",
     "tsconfig": "^7.0.0",
     "typescript": "^5.9.3",
@@ -31,7 +32,7 @@
     "vue": "^3.5.25",
     "vuetify": "^3.11.0",
     "webpack": "^5.103.0"
-  },  
+  },
   "keywords": [
     "vue",
     "vuetify3",
@@ -48,8 +49,6 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.5",
-    "@babel/preset-env": "^7.28.5",
     "@types/node": "^24.10.1"
   }
 }

package/tsconfig.json

@@ -1,6 +1,8 @@
 {
   "include": [
-    "src",
+    "components/index.d.ts",
+    "components/test/*.ts",
+    "components/test/*.vue",
     "types"
   ],
   // Visit https://aka.ms/tsconfig to read more about this file

package/vite.config.js

@@ -15,8 +15,8 @@ export default defineConfig({
     build: {
         transpile: ['vuetify'],
         lib: {
-            entry: path.resolve(__dirname, 'index.d.ts'),
-            name: '@test',
+            entry: path.resolve(__dirname, 'components/index.d.ts'),
+            name: '@modelforms/font-awesome-vuetify',
             formats: ['amd', 'cjs'],
             fileName: (format) => `index.${format}.ts`
         },

package/vue.config.js

@@ -0,0 +1,51 @@
+import { defineConfig } from "@vue/cli-service";
+import vuetify from 'vite-plugin-vuetify';
+
+export default defineConfig({
+  pages: {
+    index: {
+      // entry for the page
+      entry: 'components/index.d.ts',
+      // the source template
+      template: 'components/index.html',
+      // output as dist/index.html
+      filename: './styles/index.html',
+      // when using title option,
+      // template title tag needs to be <title><%= htmlWebpackPlugin.options.title %></title>
+      title: 'Index Page',
+      // chunks to include on this page, by default includes
+      // extracted common chunks and vendor chunks.
+      chunks: ['index', 'chunk-common', 'index.d']
+    },
+    // when using the entry-only string format,
+    // template is inferred to be `public/subpage.html`
+    // and falls back to `public/index.html` if not found.
+    // Output filename is inferred to be `subpage.html`.
+    //subpage: 'src/subpage/main.js'
+  },
+  transpileDependencies: true,
+  chainWebpack : (config) => {
+    console.warn(config);
+    config.output.filename('./js/[name].js');
+  },
+  configureWebpack: {
+    output: {
+      filename: './js/[name].d.js',
+      chunkFilename: './js/[name].d.js',
+      library: 'MyLib',
+      umdNamedDefine: true,
+    },
+    externals: {
+      vue: 'Vue'
+    },
+  },
+  css: {
+    extract: {
+      filename: './styles/[name].css',
+      chunkFilename: './styles/[name].css',
+    }
+  },
+  // testMatch: [
+  //   'src/test/form.test.ts'
+  // ],
+});

package/src/index.html

@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-</head>
-<body>
-    
-</body>
-</html>