feat(vue-socials): remove destructure for a smaller bundle size

Author: webistomin

build/rollup.config.js

@@ -110,7 +110,6 @@ if (!argv.format || argv.format === 'esm') {
       dir: 'dist/esm',
       format: 'esm',
       exports: 'named',
-      sourcemap: true,
       preserveModules: true,
     },
     plugins: [
@@ -148,7 +147,6 @@ if (!argv.format || argv.format === 'es') {
       file: 'dist/vue-socials.es.js',
       format: 'esm',
       exports: 'named',
-      sourcemap: true,
     },
     plugins: [
       resolve(BASE_CONFIG.plugins.resolve),

src/utils/getSerialisedParams.ts

@@ -10,8 +10,8 @@ export interface IParamsObject {
  */
 export default function getSerialisedParams(object: IParamsObject): string {
   const params = Object.entries(object)
-    .filter(([, value]) => value !== undefined && value !== null && !Number.isNaN(value) && value !== '')
-    .map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(String(value))}`);
+    .filter((param) => param[1] !== undefined && param[1] !== null && !Number.isNaN(param[1]) && param[1] !== '')
+    .map((param) => `${encodeURIComponent(param[0])}=${encodeURIComponent(String(param[1]))}`);
 
   return params.length > 0 ? `?${params.join('&')}` : '';
 }

src/vue-socials-esm.ts

@@ -9,8 +9,8 @@ import * as components from '@/components';
  * Install function executed by Vue.use()
  */
 const install: PluginFunction<never> = function installVueSocials(Vue: typeof _Vue) {
-  Object.entries(components).forEach(([componentName, component]) => {
-    Vue.component(componentName, component);
+  Object.entries(components).forEach((item) => {
+    Vue.component(item[0], item[1]);
   });
 };
 

src/vue-socials.ts

@@ -11,10 +11,10 @@ import plugin, * as components from '@/vue-socials-esm';
 type NamedExports = Exclude<typeof components, 'default'>;
 type ExtendedPlugin = typeof plugin & NamedExports;
 
-Object.entries(components).forEach(([componentName, component]) => {
-  if (componentName !== 'default') {
-    const key = componentName as Exclude<keyof NamedExports, 'default'>;
-    const val = component as Exclude<ExtendedPlugin, typeof plugin>;
+Object.entries(components).forEach((item) => {
+  if (item[0] !== 'default') {
+    const key = item[0] as Exclude<keyof NamedExports, 'default'>;
+    const val = item[1] as Exclude<ExtendedPlugin, typeof plugin>;
     (plugin as ExtendedPlugin)[key] = val;
   }
 });