Merge pull request #2 from MADE-Apps/feature/fix-package-naming

Fixed naming for Range Selector package

made-vue-range-selector/README.md

@@ -14,7 +14,7 @@ A Vue 3 range selector component, a double slider that allows the user to select
 To customise the range selector, you'll want to import the scss styling:
 
 ```
-import "made-ui-rangeselector/styles.scss";
+import "made-vue-range-selector/styles.scss";
 ```
 
 In your main file, you can import the component:
@@ -23,7 +23,7 @@ In your main file, you can import the component:
 import { createApp } from "vue";
 import App from "./App.vue";
 
-import RangeSelector from "made-ui-rangeselector";
+import RangeSelector from "made-vue-range-selector";
 
 const app = createApp(App);
 ...

made-vue-range-selector/package.json

@@ -1,15 +1,15 @@
 {
-  "name": "made-ui-rangeselector",
+  "name": "made-vue-range-selector",
   "version": "1.0.0",
-  "main": "./made-ui-rangeselector.umd.js",
-  "module": "./made-ui-rangeselector.es.js",
+  "main": "./made-vue-range-selector.umd.js",
+  "module": "./made-vue-range-selector.es.js",
   "typings": "./index.d.ts",
   "exports": {
     ".": {
-      "import": "./made-ui-rangeselector.es.js",
-      "require": "./made-ui-rangeselector.umd.js"
+      "import": "./made-vue-range-selector.es.js",
+      "require": "./made-vue-range-selector.umd.js"
     },
-    "./styles.scss": "./scss/made-ui-rangeselector.scss"
+    "./styles.scss": "./scss/made-vue-range-selector.scss"
   },
   "scripts": {
     "dev": "vite",

made-vue-range-selector/src/main.ts

@@ -1,6 +1,6 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 
-import '../public/scss/made-ui-rangeselector.scss'
+import '../public/scss/made-vue-range-selector.scss'
 
 createApp(App).mount('#app')

made-vue-range-selector/vite.config.ts

@@ -12,8 +12,8 @@ export default defineConfig({
   build: {
     lib: {
       entry: path.resolve(__dirname, "src/index.ts"),
-      name: "made-ui-rangeselector",
-      fileName: (format) => `made-ui-rangeselector.${format}.js`,
+      name: "made-vue-range-selector",
+      fileName: (format) => `made-vue-range-selector.${format}.js`,
     },
     rollupOptions: {
       external: ["vue"],