updating docs

Author: Geirr Winnem

README.md

@@ -2,13 +2,13 @@
   <img src="./docs/Data Grid.svg" height="200" alt="logo">
 </p>
 
-<h1 align="center">vue-responsive-grid-layout</h1>
+<h1 align="center">vue-ts-responsive-grid-layout</h1>
 
 <h2 align="center">
-<a href="https://vue-responsive-grid-layout.winnem.tech" target="_blank">Documentation Website</a>
+<a href="https://vue-ts-responsive-grid-layout.winnem.tech" target="_blank">Documentation Website</a>
 </h2>
 
-## What is vue-responsive-grid-layout
+## What is vue-ts-responsive-grid-layout
 VUE 3 responsive grid layout is based on the original work by [JBaysolution's vue-grid-layout](https://github.com/jbaysolutions/vue-grid-layout).
 <br/>
 This new and refactored component has more features, typesafe Emits, Props and a strict linting rule setup.
@@ -54,7 +54,7 @@ This new and refactored component has more features, typesafe Emits, Props and a
 If you enjoyed this project — or just feeling generous, consider buying me a beer. Cheers! :beers:
 
 
-## Setting up vue-responsive-grid-layout in your project
+## Setting up vue-ts-responsive-grid-layout in your project
 [Howto](./docs/setup.md)
 
 <br/>

docs/build.md

@@ -10,8 +10,8 @@ The <span style="color: green">dist/</span> folder is structured like this:
 ```json
 // From package.json
 {
-  "main": "dist/vue-responsive-grid-layout.umd.js",
-  "module": "dist/vue-responsive-grid-layout.es.js",
+  "main": "dist/vue-ts-responsive-grid-layout.umd.js",
+  "module": "dist/vue-ts-responsive-grid-layout.es.js",
   "types": "dist/types/index.d.ts",
   "files": [
     "dist/*",

docs/setup.md

@@ -1,4 +1,4 @@
-## Setting up vue-responsive-grid-layout in your project
+## Setting up vue-ts-responsive-grid-layout in your project
 
 #### Installing external dependencies
 ```

docs/testing-package.md

@@ -13,7 +13,7 @@ npm pack
 <br/>
 
 ```
-npm install vue-responsive-grid-layout.tgz
+npm install vue-ts-responsive-grid-layout.tgz
 ```
 
-Where <span style="color: green">vue-responsive-grid-layout</span> is the name of your package.
+Where <span style="color: green">vue-ts-responsive-grid-layout</span> is the name of your package.

vitepress-docs/.vitepress/config.js

@@ -41,7 +41,7 @@ export default defineConfig({
     // algolia: {
     //   appId: '',
     //   apiKey: '',
-    //   indexName: 'vue-responsive-grid-layout',
+    //   indexName: 'vue-ts-responsive-grid-layout',
     // },
 
     // nav

vitepress-docs/guide/installation.md

@@ -7,18 +7,18 @@ title: Installation
 
 ## NPM
 ```
-	npm install vue-responsive-grid-layout --save
+	npm install vue-ts-responsive-grid-layout --save
 ```
 
 ## Yarn
 ```
-    yarn add vue-responsive-grid-layout
+    yarn add vue-ts-responsive-grid-layout
 ```
 
 ## Import the package
 
 ```typescript
-    import VueResponsiveGridLayout from 'vue-responsive-grid-layout';
+    import VueResponsiveGridLayout from 'vue-ts-responsive-grid-layout';
 ```
 
 Add to other Vue components using Options api.
@@ -37,6 +37,6 @@ Add to other Vue components using Composition api.
 
 ```html
 <script setup>
-  import { GridItem, GridLayout } from 'vue-responsive-grid-layout';
+  import { GridItem, GridLayout } from 'vue-ts-responsive-grid-layout';
 </script>
 ```

vitepress-docs/guide/introduction.md

@@ -6,5 +6,5 @@ title: Introduction
 ---
 
 
-# What is vue-responsive-grid-layout?
+# What is vue-ts-responsive-grid-layout?
 A responsive grid layout component for creating advance dashboard's.