Merge pull request #100 from basics/feature/ts-rename-types

fix(typescript): renamed types

Author: ThornWalli

docs/src/components/content-container.md

@@ -19,7 +19,7 @@ The appropriate HTML element for the page structure is determined based on the `
 ## Properties
 
 ```ts
-type Props = {
+type ContentContainerProps = {
   tag?: string;
   rootTags?: string[];
   contentTags?: string[];

docs/src/components/content-headline.md

@@ -21,7 +21,7 @@ The deeper the nesting, the smaller the heading.
 ## Properties
 
 ```ts
-type Props = {
+type ContentHeadlineProps = {
   tag: string;
   debug: boolean;
 };

src/ContentContainer.ts

@@ -1,15 +1,15 @@
 import { defineComponent, h, inject, provide, type ComponentOptions } from 'vue';
 import useContentContainer from './useContentContainer';
 
-export type Props = {
+export type ContentContainerProps = {
   tag?: string;
   rootTags?: string[];
   contentTags?: string[];
   level?: number;
   debug?: boolean;
 };
 
-export type Context = Props & {
+export type ContentContainerContext = ContentContainerProps & {
   parentLevel: number;
   currentLevel: number;
   currentTag: string;
@@ -46,13 +46,13 @@ const ContentContainer = defineComponent({
     }
   },
 
-  setup(props: Props) {
+  setup(props: ContentContainerProps) {
     const { parentLevel, currentLevel, currentTag } = useContentContainer(props);
     provide('semanticStructure_debug', props.debug);
     return { parentLevel, currentLevel, currentTag };
   },
 
-  render(this: Context & ComponentOptions) {
+  render(this: ContentContainerContext & ComponentOptions) {
     const { currentTag, parentLevel, currentLevel } = this;
 
     return h(
@@ -73,7 +73,7 @@ const ContentContainer = defineComponent({
   }
 });
 
-const getDebugAttrs = (context: Context) => {
+const getDebugAttrs = (context: ContentContainerContext) => {
   if (context.debug) {
     return {
       'data-current-tag': context.currentTag,

src/ContentHeadline.ts

@@ -1,12 +1,12 @@
 import { defineComponent, h, inject, type ComponentOptions } from 'vue';
 import useContentHeadline from './useContentHeadline';
 
-export type Props = {
+export type ContentHeadlineProps = {
   tag: string;
   debug: boolean;
 };
 
-export type Context = Props & {
+export type ContentHeadlineContext = ContentHeadlineProps & {
   parentLevel: number;
   currentLevel: number;
   currentTag: string;
@@ -32,7 +32,7 @@ const ContentHeadline = defineComponent({
     return { parentLevel, currentLevel, currentTag };
   },
 
-  render(this: Context & ComponentOptions) {
+  render(this: ContentHeadlineContext & ComponentOptions) {
     const { currentTag, currentLevel } = this;
     return h(
       currentTag,
@@ -51,7 +51,7 @@ const ContentHeadline = defineComponent({
   }
 });
 
-const getDebugAttrs = (context: Context) => {
+const getDebugAttrs = (context: ContentHeadlineContext) => {
   if (context.debug) {
     return {
       'data-current-tag': context.currentTag,