Change npm package name to

Author: webdevnerdstuff

Diff for: CHANGELOG.md

@@ -10,3 +10,4 @@ TBD
 10-30-2023
 [main] (@webdevnerdstuff)
 * Fix disabled prop to be reactive
+* Change npm package name to `@wdns/vuetify-inline-fields`

Diff for: README.md

@@ -7,8 +7,8 @@
 </p>
 
 <p align="center">
-  <a href="https://www.npmjs.com/package/vuetify-inline-fields">
-    <img src="https://img.shields.io/npm/v/vuetify-inline-fields?color=1867c0&logo=npm" alt="NPM Package">
+  <a href="https://www.npmjs.com/package/@wdns/vuetify-inline-fields">
+    <img src="https://img.shields.io/npm/v/@wdns/vuetify-inline-fields?color=1867c0&logo=npm" alt="NPM Package">
   </a>
   &nbsp;
   <a href="https://github.com/webdevnerdstuff/vuetify-inline-fields">
@@ -37,12 +37,12 @@ This will open up a Playground page that loads the file `./src/playground/Playgr
 
 Using [pnpm](https://pnpm.io/):
 ```
-pnpm add vuetify-inline-fields
+pnpm add @wdns/vuetify-inline-fields
 ```
 
 Using npm:
 ```
-npm i vuetify-inline-fields
+npm i @wdns/vuetify-inline-fields
 ```
 
 ## Documentation

Diff for: dist/vuetify-inline-fields.cjs.js renamed to dist/@wdns/vuetify-inline-fields.cjs.js

@@ -2,7 +2,7 @@ import { Fragment as fe, reactive as ze, computed as v, watchEffect as Ue, toRef
 import { useTheme as Sl } from "vuetify";
 import { useWindowSize as oi } from "@vueuse/core";
 /**
- * @name vuetify-inline-fields
+ * @name @wdns/vuetify-inline-fields
  * @version 1.0.0-beta-1.10
  * @description Vuetify Inline Fields Component Library offers a comprehensive collection of reusable UI components to create elegant and efficient inline form fields within your applications.
  * @author WebDevNerdStuff & Bunnies... lots and lots of bunnies! <[email protected]> (https://webdevnerdstuff.com)

Diff for: dist/vuetify-inline-fields.es.js renamed to dist/@wdns/vuetify-inline-fields.es.js

@@ -1,8 +1,11 @@
 {
-	"name": "vuetify-inline-fields",
+	"name": "@wdns/vuetify-inline-fields",
 	"version": "1.0.0-beta-1.10",
 	"description": "Vuetify Inline Fields Component Library offers a comprehensive collection of reusable UI components to create elegant and efficient inline form fields within your applications.",
 	"private": false,
+	"publishConfig": {
+		"access": "public"
+	},
 	"main": "dist/vuetify-inline-fields.cjs.js",
 	"module": "dist/vuetify-inline-fields.es.js",
 	"types": "dist/types/index.d.ts",

Diff for: package.json

@@ -40,7 +40,7 @@
 			<v-row>
 				<v-col cols="12">
 					<CodeBlock
-						code="pnpm add vuetify-inline-fields"
+						code="pnpm add @wdns/vuetify-inline-fields"
 						:highlightjs="codeBlockSettings.plugin === 'highlightjs'"
 						lang="plain"
 						:prismjs="codeBlockSettings.plugin === 'prismjs'"
@@ -56,7 +56,7 @@
 				</v-col>
 				<v-col cols="12">
 					<CodeBlock
-						code="npm i vuetify-inline-fields"
+						code="npm i @wdns/vuetify-inline-fields"
 						highlightjs
 						lang="plain"
 					>

Diff for: src/documentation/DocsPage.vue

@@ -57,7 +57,7 @@ const classes = inject('classes');
 
 const usageAll = `import { createApp } from 'vue';
 import App from './App.vue';
-import * as VInlineFields from 'vuetify-inline-fields';
+import * as VInlineFields from '@wdns/vuetify-inline-fields';
 
 const app = createApp(App);
 
@@ -75,7 +75,7 @@ import {
   VInlineSwitch,
   VInlineTextField,
   VInlineTextarea,
-} from 'vuetify-inline-fields';
+} from '@wdns/vuetify-inline-fields';
 
 const app = createApp(App);