@dynamicforms/vuetify-inputs 0.1.1 → 0.1.2

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@dynamicforms/vuetify-inputs",
   "private": false,
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
   "description": "Visual components for data entry using @dynamicforms/vue-forms",
   "author": "Jure Erznožnik",
   "files": [
-    "dist/*"
+    "dist/*",
+    "src/vuetify-components*.ts"
   ],
   "main": "dist/dynamicforms-vuetify-inputs.umd.cjs",
   "types": "./dist/index.d.ts",
@@ -14,7 +15,9 @@
     ".": {
       "require": "./dist/dynamicforms-vuetify-inputs.umd.cjs",
       "import": "./dist/dynamicforms-vuetify-inputs.js"
-    }
+    },
+    "./vuetify-components.ts": "./src/vuetify-components.ts",
+    "./vuetify-components-list.ts": "./src/vuetify-components-list.ts"
   },
   "workspaces": [
     "docs"

package/readme.md

@@ -22,6 +22,19 @@ visual implementation of logical concepts from
 npm install @dynamicforms/vuetify-inputs
 ```
 
+In your main.py
+```typescript
+import { DynamicFormsInputs } from '@dynamicforms/vuetify-inputs';
+import DynamicFormsInputsVuetify from '@dynamicforms/vuetify-inputs/vuetify-components';
+
+...
+const app = createApp(MyApp);
+app.use(router);
+app.use(vuetify);
+app.use(DynamicFormsInputs, { registerComponents: true });  // register the plugins and optionally inputs globally
+app.use(DynamicFormsInputsVuetify); // register the vuetify components used by the library
+```
+
 ## Basic Usage Example
 
 The library offers various components, including:

package/src/vuetify-components-list.ts

@@ -0,0 +1,24 @@
+export { VAutocomplete } from 'vuetify/components/VAutocomplete';
+export { VBtn } from 'vuetify/components/VBtn';
+export { VCheckbox } from 'vuetify/components/VCheckbox';
+export { VChip } from 'vuetify/components/VChip';
+export { VCombobox } from 'vuetify/components/VCombobox';
+export { VColorPicker } from 'vuetify/components/VColorPicker';
+export { VConfirmEdit } from 'vuetify/components/VConfirmEdit';
+export { VDatePicker } from 'vuetify/components/VDatePicker';
+export { VFileInput } from 'vuetify/components/VFileInput';
+export { VRow, VCol } from 'vuetify/components/VGrid';
+export { VIcon } from 'vuetify/components/VIcon';
+export { VInput } from 'vuetify/components/VInput';
+export { VListItem } from 'vuetify/components/VList';
+export { VMenu } from 'vuetify/components/VMenu';
+export { VNumberInput } from 'vuetify/components/VNumberInput';
+export { VProgressLinear } from 'vuetify/components/VProgressLinear';
+export { VSelect } from 'vuetify/components/VSelect';
+export { VSwitch } from 'vuetify/components/VSwitch';
+export { VTextarea } from 'vuetify/components/VTextarea';
+export { VTextField } from 'vuetify/components/VTextField';
+export { VTimePicker } from 'vuetify/labs/VTimePicker';
+
+// run this in the src folder to get list of used components
+// grep -r -o "<v-[a-zA-Z0-9-]*" --include="*.vue" . | sed 's/.*:<//' | sort | uniq

package/src/vuetify-components.ts

@@ -0,0 +1,11 @@
+import { App } from '~/vue';
+
+import * as VuetifyComponents from './vuetify-components-list';
+
+const DynamicFormsInputsVuetify = {
+  install: (app: App) => {
+    Object.entries(VuetifyComponents).map(([name, component]) => app.component(name, component));
+  },
+};
+
+export default DynamicFormsInputsVuetify;