Merge pull request #14 from webdevnerdstuff/dev

fix: repoBaseUrl contains unexpected scope name

Author: webdevnerdstuff

src/stores/index.ts

@@ -3,16 +3,17 @@ import packageJson from '@root/package.json';
 
 
 export const useCoreStore = defineStore('core', () => {
-	const storageName = 'vuetify-color-field';
+	const scopedPackageName = packageJson.name;
+	const packageName = scopedPackageName.split('/')[1];
 
 	// Links //
-	const repoBaseUrl = `https://github.com/webdevnerdstuff/${storageName}`;
+	const repoBaseUrl = `https://github.com/webdevnerdstuff/${packageName}`;
 	const links = {
 		changeLog: `${repoBaseUrl}/blob/main/CHANGELOG.md`,
 		github: repoBaseUrl,
 		githubProfile: 'https://github.com/webdevnerdstuff',
 		license: `${repoBaseUrl}/blob/main/LICENSE.md`,
-		npm: `https://www.npmjs.com/package/${storageName}`,
+		npm: `https://www.npmjs.com/package/${scopedPackageName}`,
 		vue: 'https://vuejs.org/',
 		vueUse: 'https://vueuse.org/',
 		vuetify: 'https://vuetifyjs.com/',
@@ -21,29 +22,29 @@ export const useCoreStore = defineStore('core', () => {
 
 	const actions = {
 		setLocalStorage(val: string): string {
-			const oldValue = localStorage.getItem(storageName);
+			const oldValue = localStorage.getItem(packageName);
 			const newValue = val ?? oldValue;
 
-			localStorage.setItem(storageName, newValue);
+			localStorage.setItem(packageName, newValue);
 			return newValue;
 		},
 		setTheme(val: string): string {
 			const themeName = val === 'dark' ? 'light' : 'dark';
-			const currentTheme = localStorage.getItem(`${storageName}-theme`);
+			const currentTheme = localStorage.getItem(`${packageName}-theme`);
 			const newTheme = themeName ?? currentTheme;
 
-			localStorage.setItem(`${storageName}-theme`, newTheme);
+			localStorage.setItem(`${packageName}-theme`, newTheme);
 			return newTheme;
 		},
 	};
 
 	const getters = {
 		getLocalStorage: () => (): unknown => {
-			const value = localStorage.getItem(storageName);
+			const value = localStorage.getItem(packageName);
 			return value;
 		},
 		getTheme: () => {
-			const value = localStorage.getItem(`${storageName}-theme`);
+			const value = localStorage.getItem(`${packageName}-theme`);
 			return value;
 		},
 	};
@@ -53,7 +54,7 @@ export const useCoreStore = defineStore('core', () => {
 		...getters,
 		links,
 		package: packageJson,
+		packageName,
 		pluginVersion: packageJson.version,
-		storageName,
 	};
 });