dtwo 3.0.0 → 3.1.0

package/dist/head/runtime/components.mjs

@@ -12,7 +12,7 @@ const globalProps = {
     type: Boolean,
     default: void 0
   },
-  class: String,
+  class: [String, Object, Array],
   contenteditable: {
     type: Boolean,
     default: void 0
@@ -71,6 +71,7 @@ export const NoScript = defineComponent({
   })
 });
 export const Link = defineComponent({
+  // eslint-disable-next-line kdu/no-reserved-component-names
   name: "Link",
   inheritAttrs: false,
   props: {
@@ -94,7 +95,9 @@ export const Link = defineComponent({
     sizes: String,
     title: String,
     type: String,
+    /** @deprecated **/
     methods: String,
+    /** @deprecated **/
     target: String,
     body: Boolean,
     renderPriority: [String, Number]
@@ -104,6 +107,7 @@ export const Link = defineComponent({
   }))
 });
 export const Base = defineComponent({
+  // eslint-disable-next-line kdu/no-reserved-component-names
   name: "Base",
   inheritAttrs: false,
   props: {
@@ -116,6 +120,7 @@ export const Base = defineComponent({
   }))
 });
 export const Title = defineComponent({
+  // eslint-disable-next-line kdu/no-reserved-component-names
   name: "Title",
   inheritAttrs: false,
   setup: setupForUseMeta((_, { slots }) => {
@@ -129,6 +134,7 @@ export const Title = defineComponent({
   })
 });
 export const Meta = defineComponent({
+  // eslint-disable-next-line kdu/no-reserved-component-names
   name: "Meta",
   inheritAttrs: false,
   props: {
@@ -152,6 +158,7 @@ export const Meta = defineComponent({
   })
 });
 export const Style = defineComponent({
+  // eslint-disable-next-line kdu/no-reserved-component-names
   name: "Style",
   inheritAttrs: false,
   props: {
@@ -160,6 +167,7 @@ export const Style = defineComponent({
     media: String,
     nonce: String,
     title: String,
+    /** @deprecated **/
     scoped: {
       type: Boolean,
       default: void 0
@@ -182,11 +190,13 @@ export const Style = defineComponent({
   })
 });
 export const Head = defineComponent({
+  // eslint-disable-next-line kdu/no-reserved-component-names
   name: "Head",
   inheritAttrs: false,
   setup: (_props, ctx) => () => ctx.slots.default?.()
 });
 export const Html = defineComponent({
+  // eslint-disable-next-line kdu/no-reserved-component-names
   name: "Html",
   inheritAttrs: false,
   props: {
@@ -199,6 +209,7 @@ export const Html = defineComponent({
   setup: setupForUseMeta((htmlAttrs) => ({ htmlAttrs }), true)
 });
 export const Body = defineComponent({
+  // eslint-disable-next-line kdu/no-reserved-component-names
   name: "Body",
   inheritAttrs: false,
   props: {

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

@@ -1,5 +1,6 @@
 import type { HeadEntryOptions, UseHeadInput, ActiveHeadEntry } from '@kduse/head';
 import type { HeadAugmentations } from '@dtwo/schema';
+import { useSeoMeta as _useSeoMeta } from '@kduse/head';
 /**
  * You can pass in a meta object, which has keys corresponding to meta tags:
  * `title`, `base`, `script`, `style`, `meta` and `link`, as well as `htmlAttrs` and `bodyAttrs`.
@@ -8,3 +9,19 @@ import type { HeadAugmentations } from '@dtwo/schema';
  * that returns a meta object.
  */
 export declare function useHead<T extends HeadAugmentations>(input: UseHeadInput<T>, options?: HeadEntryOptions): ActiveHeadEntry<UseHeadInput<T>> | void;
+/**
+ * The `useSeoMeta` composable lets you define your site's SEO meta tags
+ * as a flat object with full TypeScript support.
+ *
+ * This helps you avoid typos and common mistakes, such as using `name`
+ * instead of `property`.
+ *
+ * It is advised to use `useServerSeoMeta` unless you _need_ client-side
+ * rendering of your SEO meta tags.
+ */
+export declare const useSeoMeta: typeof _useSeoMeta;
+/**
+ * The `useServerSeoMeta` composable is identical to `useSeoMeta` except that
+ * it will have no effect (and will return nothing) if called on the client.
+ */
+export declare const useServerSeoMeta: typeof _useSeoMeta;

package/dist/head/runtime/composables.mjs

@@ -1,4 +1,13 @@
+import { useSeoMeta as _useSeoMeta } from "@kduse/head";
 import { useDtwoApp } from "#app";
 export function useHead(input, options) {
   return useDtwoApp()._useHead(input, options);
 }
+export const useSeoMeta = (meta) => {
+  return _useSeoMeta(meta);
+};
+export const useServerSeoMeta = (meta) => {
+  if (process.server) {
+    return _useSeoMeta(meta);
+  }
+};

package/dist/head/runtime/lib/kduse-head.plugin.mjs

@@ -1,4 +1,5 @@
 import { createHead, useHead } from "@kduse/head";
+import { renderSSRHead } from "@kdhead/ssr";
 import { defineDtwoPlugin } from "#app";
 import { appHead } from "#build/dtwo.config.mjs";
 export default defineDtwoPlugin((dtwoApp) => {
@@ -23,11 +24,11 @@ export default defineDtwoPlugin((dtwoApp) => {
   dtwoApp._useHead = useHead;
   if (process.server) {
     dtwoApp.ssrContext.renderMeta = async () => {
-      const { renderSSRHead } = await import("@kdhead/ssr");
       const meta = await renderSSRHead(head.kdhead);
       return {
         ...meta,
         bodyScriptsPrepend: meta.bodyTagsOpen,
+        // resolves naming difference with DtwoMeta and @kduse/head
         bodyScripts: meta.bodyTags
       };
     };