@nuxtify/core 0.4.2 → 0.5.0

package/README.md

@@ -100,7 +100,7 @@ Nuxtify Core builds on the amazing features of [Vue](https://vuejs.org/guide/int
 
 - Fully tree shakeable for small bundle sizes
 - Optimized caching and rendering strategies for each page with [hybrid rendering](https://nuxt.com/docs/guide/concepts/rendering#hybrid-rendering)
-- (coming soon) Fast, responsive, optimized images for [20+ image providers](https://image.nuxt.com/get-started/providers) powered by [Nuxt Image](https://image.nuxt.com/)
+- Fast, responsive, optimized images for [30+ image providers](https://image.nuxt.com/get-started/providers) powered by [Nuxt Image](https://image.nuxt.com/)
 - (coming soon) Load third-party scripts with better performance, privacy, security powered by [Nuxt Scripts](https://scripts.nuxt.com/)
 - (coming soon) Optimal security patterns and principles powered by [Nuxt Security](https://nuxt.com/modules/security)
 

package/dist/module.d.mts

@@ -55,9 +55,27 @@ interface BrandOptions {
         /**
          * The width of the logo on mobile.
          *
-         * @default 150
+         * @default 160
          */
         mobileWidth?: number;
+        /**
+         * The height of the logo.
+         *
+         * @default 50
+         */
+        height?: number;
+        /**
+         * The height of the logo on mobile.
+         *
+         * @default 40
+         */
+        mobileHeight?: number;
+        /**
+         * The format of the logo.
+         *
+         * @default "webp"
+         */
+        format?: 'webp' | 'avif' | 'jpeg' | 'jpg' | 'png' | 'gif' | 'svg';
     };
 }
 interface PoliciesOptions {
@@ -85,6 +103,7 @@ interface ModuleOptions {
         message?: string;
         buttonText?: string;
         buttonUrl?: string;
+        exclude?: string[];
     };
     /**
      * Navigation options
@@ -127,6 +146,9 @@ declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, {
             darkUrl: string;
             width: number;
             mobileWidth: number;
+            height: number;
+            mobileHeight: number;
+            format: "webp";
         };
     };
     policies: {
@@ -138,6 +160,7 @@ declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, {
         message: string;
         buttonText: string;
         buttonUrl: string;
+        exclude: never[];
     };
     navigation: {
         primary: never[];

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtify/core",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "configKey": "nuxtifyCore",
   "compatibility": {
     "nuxt": ">=4.0.0"

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { defineNuxtModule, createResolver, useLogger, addComponentsDir, addImpor
 import { defu } from 'defu';
 
 const name = "@nuxtify/core";
-const version = "0.4.2";
+const version = "0.5.0";
 
 const module$1 = defineNuxtModule().with({
   meta: {
@@ -14,8 +14,11 @@ const module$1 = defineNuxtModule().with({
     }
   },
   moduleDependencies: {
+    "@nuxt/image": {
+      version: ">=2.0.0"
+    },
     "vuetify-nuxt-module": {
-      version: ">=0.19.2",
+      version: ">=0.19.5",
       defaults: {
         vuetifyOptions: {
           theme: {
@@ -57,7 +60,10 @@ const module$1 = defineNuxtModule().with({
         lightUrl: "",
         darkUrl: "",
         width: 200,
-        mobileWidth: 150
+        mobileWidth: 160,
+        height: 50,
+        mobileHeight: 40,
+        format: "webp"
       }
     },
     // Policies
@@ -70,7 +76,8 @@ const module$1 = defineNuxtModule().with({
       show: false,
       message: "",
       buttonText: "",
-      buttonUrl: ""
+      buttonUrl: "",
+      exclude: []
     },
     // Navigation
     navigation: {

package/dist/runtime/components/app/AppAnnouncement.vue

@@ -1,17 +1,26 @@
 <script setup>
-import { computed, isExternalUrl, useDisplay, useNuxtifyConfig } from "#imports";
+import { computed, isExternalUrl, useDisplay, useNuxtifyConfig, useRoute } from "#imports";
 const nuxtifyConfig = useNuxtifyConfig();
 const { xs } = useDisplay();
+const route = useRoute();
 const isExternalLink = computed(
   () => isExternalUrl(nuxtifyConfig.announcement?.buttonUrl ?? "", nuxtifyConfig.brand?.domain ?? "")
 );
+const shouldShow = computed(() => {
+  if (!nuxtifyConfig.announcement?.show) return false;
+  const hasContent = nuxtifyConfig.announcement?.message || nuxtifyConfig.announcement?.buttonText && nuxtifyConfig.announcement?.buttonUrl;
+  if (!hasContent) return false;
+  const exclude = nuxtifyConfig.announcement?.exclude || [];
+  return !exclude.includes(route.path);
+});
 </script>
 
 <template>
   <v-system-bar
+    v-if="shouldShow"
     :height="xs ? 60 : 40"
     :order="-100"
-    class="app-announcement justify-center text-start"
+    class="app-announcement justify-center text-start d-print-none"
   >
     <div
       v-if="nuxtifyConfig.announcement?.message"
@@ -35,5 +44,5 @@ const isExternalLink = computed(
 </template>
 
 <style scoped>
-.app-announcement{background-color:rgb(var(--v-theme-secondary),var(--v-activated-opacity))}
+.app-announcement{background-color:rgb(var(--v-theme-surface));background-image:linear-gradient(rgb(var(--v-theme-secondary),var(--v-activated-opacity)),rgb(var(--v-theme-secondary),var(--v-activated-opacity)))}
 </style>

package/dist/runtime/components/app/AppLogo.vue

@@ -1,14 +1,10 @@
 <script setup>
 import { computed, useAppConfig, useDisplay } from "#imports";
 const props = defineProps({
-  dark: {
-    type: Boolean,
-    default: false
-  },
-  width: {
-    type: Number,
-    default: void 0
-  }
+  dark: { type: Boolean, required: false, default: false },
+  width: { type: Number, required: false },
+  height: { type: Number, required: false },
+  format: { type: String, required: false, default: "webp" }
 });
 const nuxtifyConfig = useAppConfig().nuxtify;
 const { smAndDown } = useDisplay();
@@ -23,12 +19,21 @@ const width = computed(() => {
     return smAndDown.value ? nuxtifyConfig.brand.logo.mobileWidth : nuxtifyConfig.brand.logo.width;
   }
 });
+const height = computed(() => {
+  if (props.height) {
+    return props.height;
+  } else {
+    return smAndDown.value ? nuxtifyConfig.brand.logo.mobileHeight : nuxtifyConfig.brand.logo.height;
+  }
+});
 </script>
 
 <template>
-  <v-img
+  <NuxtImg
     v-if="imageUrl"
     :width
+    :height
+    :format
     :src="imageUrl"
     :alt="`${nuxtifyConfig.brand.name} logo`"
   />

package/dist/runtime/components/app/AppLogo.vue.d.ts

@@ -1,24 +1,12 @@
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    dark: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    width: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    dark: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    width: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    width: number;
+type __VLS_Props = {
+    dark?: boolean;
+    width?: number;
+    height?: number;
+    format?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     dark: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    format: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtify/core",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "description": "Nuxtify core module powered by Nuxt and Vuetify.",
   "homepage": "https://nuxtify.dev",
   "author": "Nuxtify.dev <hello@nuxtify.dev>",
@@ -45,22 +45,23 @@
   },
   "dependencies": {
     "defu": "^6.1.4",
-    "vuetify-nuxt-module": "^0.19.2"
+    "vuetify-nuxt-module": "^0.19.5"
   },
   "devDependencies": {
     "@nuxt/devtools": "^3.1.1",
-    "@nuxt/eslint": "^1.12.1",
-    "@nuxt/eslint-config": "^1.3.1",
-    "@nuxt/kit": "^4.2.2",
+    "@nuxt/eslint": "^1.14.0",
+    "@nuxt/eslint-config": "^1.14.0",
+    "@nuxt/image": "^2.0.0",
+    "@nuxt/kit": "^4.3.1",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.2.2",
+    "@nuxt/schema": "^4.3.1",
     "@nuxt/test-utils": "^3.23.0",
-    "@types/node": "^22.19.7",
+    "@types/node": "^22.19.9",
     "changelogen": "^0.6.2",
     "eslint": "^9.39.2",
-    "nuxt": "^4.2.2",
+    "nuxt": "^4.3.1",
     "typescript": "^5.9.3",
     "vitest": "^3.2.4",
-    "vue-tsc": "^3.2.2"
+    "vue-tsc": "^3.2.4"
   }
 }