@modeltables/fontawesome-vuetify 1.0.4 → 1.1.0

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@modeltables/fontawesome-vuetify",
-  "version": "1.0.4",
+  "version": "1.1.0",
+  "description": "",
   "main": "./components/index.d.ts",
   "type": "module",
   "exports": {
@@ -9,30 +10,6 @@
       "types": "./dist/index.amd.ts"
     }
   },
-  "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",
-    "@fortawesome/free-regular-svg-icons": "^7.1.0",
-    "@fortawesome/free-solid-svg-icons": "^7.1.0",
-    "@fortawesome/vue-fontawesome": "^3.1.2",
-    "@modeltables/fontawesome-vuetify": "1.0.0",
-    "@vitejs/plugin-vue": "5.0.0",
-    "@vue/cli-plugin-typescript": "^5.0.9",
-    "@vue/cli-service": "^5.0.9",
-    "init": "^0.1.2",
-    "jest": "^30.2.0",
-    "tsconfig": "^7.0.0",
-    "typescript": "^5.9.3",
-    "vite": "5.4.2",
-    "vite-plugin-vuetify": "^2.1.2",
-    "vue": "^3.5.25",
-    "vuetify": "^3.11.0",
-    "webpack": "^5.103.0"
-  },
   "keywords": [
     "vue",
     "vuetify",
@@ -49,8 +26,28 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@types/node": "^24.10.1"
+    "@types/node": "^24.10.1",
+    "@vue/cli-plugin-typescript": "^5.0.9",
+    "ts-loader": "^9.4.4",
+    "vue-tsc": "^1.5.0"
   },
   "author": "Ignjat Koicki",
-  "description": ""
+  "license": "ISC",
+  "packageManager": "pnpm@10.25.0",
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^7.1.0",
+    "@fortawesome/free-regular-svg-icons": "^7.1.0",
+    "@fortawesome/free-solid-svg-icons": "^7.1.0",
+    "@fortawesome/vue-fontawesome": "^3.1.2",
+    "@vitejs/plugin-vue": "5.0.0",
+    "@vue/cli-service": "^5.0.9",
+    "tsconfig": "^7.0.0",
+    "typescript": "^5.9.3",
+    "vite": "5.4.2",
+    "vite-plugin-vue-devtools": "^8.0.5",
+    "vite-plugin-vuetify": "2.1.2",
+    "vue": "^3.5.26",
+    "vuetify": "^3.11.5",
+    "webpack": "^5.104.1"
+  }
 }

package/tsconfig.json

@@ -1,8 +1,6 @@
 {
   "include": [
-    "components/index.d.ts",
-    "components/test/*.ts",
-    "components/test/*.vue",
+    "./components/index.d.ts",
     "types"
   ],
   // Visit https://aka.ms/tsconfig to read more about this file
@@ -10,13 +8,12 @@
     // File Layout
     // "rootDir": "./src",
     "outDir": "./dist",
-    "module": "preserve",
-    "moduleResolution": "bundler",
-    
 
     // Environment Settings
     // See also https://aka.ms/tsconfig/module
-    "target": "es2020",
+    "module": "preserve",
+    "moduleResolution": "bundler",
+    "target": "esnext",
     "types": [],
     // For nodejs:
     // "lib": ["esnext"],

package/vite.config.js

@@ -2,10 +2,12 @@ import path from 'path'
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify';
+import vueDevTools from 'vite-plugin-vue-devtools';
 
 export default defineConfig({
     plugins: [
         vue(),
+        vueDevTools(),
         vuetify({
             autoImport: { 
                 labs: true
@@ -16,8 +18,8 @@ export default defineConfig({
         transpile: ['vuetify'],
         lib: {
             entry: path.resolve(__dirname, 'components/index.d.ts'),
-            name: '@modeltables/fontawesome-vuetify',
-            formats: ['amd', 'cjs'],
+            name: '@modeltables/font-awesome-vuetify',
+            formats: ['amd', 'esm'],
             fileName: (format) => `index.${format}.ts`
         },
         css: {

package/vue.config.js

@@ -0,0 +1,53 @@
+import { defineConfig } from "@vue/cli-service";
+
+export default defineConfig({
+  pages: {
+    index: {
+      // entry for the page (must be a JS/TS entry, not a .d.ts file)
+      entry: 'components/index.js',
+      // 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: {
+    resolve: {
+      extensions: ['.ts', '.tsx', '.js', '.vue', '.json']
+    },
+    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'
+  // ],
+});