@mevbg/nuxt-kit 0.4.2 → 0.5.0

package/dist/module.d.mts

@@ -9,7 +9,7 @@ interface NuxtKitOptions {
     designEssentials?: MasterGeneratorParams;
     colorScheme?: ColorSchemeOptions;
     toastify?: ToastContainerOptions;
-    floating?: any;
+    floating?: unknown;
 }
 
 declare const _default: _nuxt_schema.NuxtModule<NuxtKitOptions, NuxtKitOptions, false>;

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@mevbg/nuxt-kit",
   "configKey": "mevKit",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.0"

package/dist/module.mjs

@@ -21,6 +21,8 @@ const module = defineNuxtModule({
   },
   async setup(options, nuxt) {
     nuxt.options.runtimeConfig.public.wm = options.wm;
+    nuxt.options.runtimeConfig.public.toastify = options.toastify;
+    nuxt.options.runtimeConfig.public.floating = options.floating;
     Promise.all([
       installModule("@vueuse/nuxt"),
       installModule("@mevbg/nuxt-color-scheme", {
@@ -50,8 +52,12 @@ const module = defineNuxtModule({
         from: resolver.resolve("./runtime/composables/useScrollDirectionUp")
       },
       {
-        name: "useMetaData",
-        from: resolver.resolve("./runtime/composables/useMetaData")
+        name: "useAppMeta",
+        from: resolver.resolve("./runtime/composables/useAppMeta")
+      },
+      {
+        name: "usePageMeta",
+        from: resolver.resolve("./runtime/composables/usePageMeta")
       },
       {
         name: "useHeadLinks",

package/dist/runtime/composables/index.d.ts

@@ -1,6 +1,7 @@
 export * from './useErrorHandler.js';
 export * from './useHeadLinks.js';
-export * from './useMetaData.js';
+export * from './useAppMeta.js';
+export * from './usePageMeta.js';
 export * from './useNetworkListener.js';
 export * from './useNotificationSystem.js';
 export * from './useScrollDirectionUp.js';

package/dist/runtime/composables/index.js

@@ -1,6 +1,7 @@
 export * from "./useErrorHandler.js";
 export * from "./useHeadLinks.js";
-export * from "./useMetaData.js";
+export * from "./useAppMeta.js";
+export * from "./usePageMeta.js";
 export * from "./useNetworkListener.js";
 export * from "./useNotificationSystem.js";
 export * from "./useScrollDirectionUp.js";

package/dist/runtime/composables/{useMetaData.d.ts → useAppMeta.d.ts}

@@ -1,17 +1,13 @@
-type MetaData = {
+type AppMeta = {
     path: string;
     locale: string;
-    homepage: string;
     themeColor: string;
     robots: boolean;
     siteTitle: string;
-    siteDescription: string;
-    siteKeywords: string;
     siteOwner: string;
-    siteImage: string;
     googleSiteVerification?: string;
 };
-export declare function useMetaData({ path, locale, homepage, themeColor, robots, siteTitle, siteDescription, siteKeywords, siteOwner, siteImage, googleSiteVerification }: MetaData): ({
+export declare function useAppMeta({ path, locale, themeColor, robots, siteTitle, siteOwner, googleSiteVerification }: AppMeta): ({
     charset: string;
     'http-equiv'?: undefined;
     content?: undefined;

package/dist/runtime/composables/{useMetaData.js → useAppMeta.js}

@@ -1,14 +1,10 @@
-export function useMetaData({
+export function useAppMeta({
   path = "/assets",
   locale,
-  homepage,
   themeColor,
   robots,
   siteTitle,
-  siteDescription,
-  siteKeywords,
   siteOwner,
-  siteImage,
   googleSiteVerification
 }) {
   return [
@@ -18,8 +14,6 @@ export function useMetaData({
     { name: "author", content: siteOwner },
     { name: "copyright", content: siteOwner },
     ...googleSiteVerification ? [{ name: "google-site-verification", content: googleSiteVerification }] : [],
-    { name: "description", content: siteDescription },
-    { name: "keywords", content: siteKeywords },
     ...!robots ? [{ name: "robots", content: "noindex,nofollow" }] : [],
     { name: "viewport", content: "width=device-width, initial-scale=1" },
     { name: "application-name", content: siteTitle },
@@ -33,19 +27,7 @@ export function useMetaData({
     { name: "msapplication-TileImage", content: `${path}/mstile-144x144.png` },
     { name: "msapplication-config", content: `${path}/browserconfig.xml` },
     { property: "og:site_name", content: siteTitle },
-    { property: "og:title", content: siteTitle },
-    { property: "og:description", content: siteDescription },
-    { property: "og:type", content: "website" },
-    { property: "og:url", content: homepage },
     { property: "og:locale", content: locale },
-    { property: "og:image", content: siteImage },
-    { property: "og:image:type", content: "image/png" },
-    { property: "og:image:width", content: "1200" },
-    { property: "og:image:height", content: "630" },
-    { property: "og:image:alt", content: siteTitle },
-    { name: "twitter:card", content: "summary_large_image" },
-    { name: "twitter:title", content: siteTitle },
-    { name: "twitter:description", content: siteDescription },
-    { name: "twitter:image", content: siteImage }
+    { name: "twitter:card", content: "summary_large_image" }
   ];
 }

package/dist/runtime/composables/usePageMeta.d.ts

@@ -0,0 +1,18 @@
+type PageMeta = {
+    pageType: string;
+    pageTitle: string;
+    pageUrl: string;
+    pageDescription: string;
+    pageKeywords: string;
+    pageImage?: string;
+};
+export declare function usePageMeta({ pageType, pageTitle, pageUrl, pageDescription, pageKeywords, pageImage }: PageMeta): ({
+    name: string;
+    content: string;
+    property?: undefined;
+} | {
+    property: string;
+    content: string;
+    name?: undefined;
+})[];
+export {};

package/dist/runtime/composables/usePageMeta.js

@@ -0,0 +1,27 @@
+export function usePageMeta({
+  pageType,
+  pageTitle,
+  pageUrl,
+  pageDescription,
+  pageKeywords,
+  pageImage
+}) {
+  return [
+    { name: "description", content: pageDescription },
+    { name: "keywords", content: pageKeywords },
+    { property: "og:title", content: pageTitle },
+    { property: "og:description", content: pageDescription },
+    { property: "og:type", content: pageType },
+    { property: "og:url", content: pageUrl },
+    ...pageImage ? [
+      { property: "og:image", content: pageImage },
+      { property: "og:image:type", content: "image/png" },
+      { property: "og:image:width", content: "1200" },
+      { property: "og:image:height", content: "630" },
+      { property: "og:image:alt", content: pageTitle }
+    ] : [],
+    { name: "twitter:title", content: pageTitle },
+    { name: "twitter:description", content: pageDescription },
+    ...pageImage ? [{ name: "twitter:image", content: pageImage }] : []
+  ];
+}

package/dist/runtime/plugins/floating-vue.plugin.js

@@ -1,11 +1,9 @@
 import { defineNuxtPlugin, useRuntimeConfig } from "#app";
 import FloatingVue from "floating-vue";
 import "floating-vue/dist/style.css";
-import { floatingVueDefaultConfig } from "../configs/floating-vue.config.js";
 export default defineNuxtPlugin((nuxtApp) => {
   const {
     public: { floating: floatingVueConfig }
   } = useRuntimeConfig();
-  const config = Object.assign({}, floatingVueDefaultConfig, floatingVueConfig);
-  nuxtApp.vueApp.use(FloatingVue, config);
+  nuxtApp.vueApp.use(FloatingVue, floatingVueConfig);
 });

package/dist/runtime/plugins/vue3-toastify.plugin.js

@@ -1,13 +1,11 @@
 import { defineNuxtPlugin, useRuntimeConfig } from "#app";
 import Vue3Toastify, { toast } from "vue3-toastify";
 import "vue3-toastify/dist/index.css";
-import { toastifyDefaultConfig } from "../configs/vue3-toastify.config.js";
 export default defineNuxtPlugin((nuxtApp) => {
   const {
     public: { toastify: toastifyConfig }
   } = useRuntimeConfig();
-  const config = Object.assign({}, toastifyDefaultConfig, toastifyConfig);
-  nuxtApp.vueApp.use(Vue3Toastify, config);
+  nuxtApp.vueApp.use(Vue3Toastify, toastifyConfig);
   return {
     provide: { toast }
   };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mevbg/nuxt-kit",
   "title": "Mev’s Nuxt Kit",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "description": "Mev’s personal Nuxt kit module.",
   "keywords": [
     "nuxt kit",