Change import path to relative

.vscode/settings.json

@@ -1,3 +1,4 @@
 {
-  "cSpell.words": ["noindex", "nofollow"]
+  "cSpell.words": ["noindex", "nofollow"],
+  "typescript.preferences.importModuleSpecifier": "relative"
 }

package.json

@@ -83,6 +83,8 @@
     "husky": "4.3.8",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
+    "lint-staged": "11.1.1",
+    "microbundle": "^0.15.1",
     "lint-staged": "13.2.3",
     "microbundle": "^0.14.2",
     "next": "^13.0.0",

src/jsonld/article.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
 import { JsonLd, JsonLdProps } from './jsonld';
-import { setAuthor } from 'src/utils/schema/setAuthor';
-import { setPublisher } from 'src/utils/schema/setPublisher';
-import { ArticleAuthor } from 'src/types';
+import { setAuthor } from '../utils/schema/setAuthor';
+import { setPublisher } from '../utils/schema/setPublisher';
+import { ArticleAuthor } from '../types';
 
 export interface ArticleJsonLdProps extends JsonLdProps {
   type?: 'Article' | 'BlogPosting' | 'NewsArticle' | 'Blog';

src/jsonld/brand.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import type { AggregateRating } from 'src/types';
-import { setAggregateRating } from 'src/utils/schema/setAggregateRating';
+import type { AggregateRating } from '../types';
+import { setAggregateRating } from '../utils/schema/setAggregateRating';
 
 import { JsonLd, JsonLdProps } from './jsonld';
 

src/jsonld/breadcrumb.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import type { ItemListElements } from 'src/types';
-import { setItemListElements } from 'src/utils/schema/setItemListElements';
+import type { ItemListElements } from '../types';
+import { setItemListElements } from '../utils/schema/setItemListElements';
 
 import { JsonLd, JsonLdProps } from './jsonld';
 

src/jsonld/carousel.tsx

@@ -2,14 +2,14 @@ import React from 'react';
 
 import { JsonLd, JsonLdProps } from './jsonld';
 
-import type { CourseJsonLdProps, RecipeJsonLdProps } from 'src/index';
-import type { Review, AggregateRating } from 'src/types';
-import { setReviews } from 'src/utils/schema/setReviews';
-import { setAuthor } from 'src/utils/schema/setAuthor';
-import { setNutrition } from 'src/utils/schema/setNutrition';
-import { setAggregateRating } from 'src/utils/schema/setAggregateRating';
-import { setVideo } from 'src/utils/schema/setVideo';
-import { setInstruction } from 'src/utils/schema/setInstruction';
+import type { CourseJsonLdProps, RecipeJsonLdProps } from '../index';
+import type { Review, AggregateRating } from '../types';
+import { setReviews } from '../utils/schema/setReviews';
+import { setAuthor } from '../utils/schema/setAuthor';
+import { setNutrition } from '../utils/schema/setNutrition';
+import { setAggregateRating } from '../utils/schema/setAggregateRating';
+import { setVideo } from '../utils/schema/setVideo';
+import { setInstruction } from '../utils/schema/setInstruction';
 
 type Director = {
   name: string;

src/jsonld/collectionPage.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
 import { JsonLd, JsonLdProps } from './jsonld';
-import type { CreativeWork } from 'src/types';
-import { setCreativeWork } from 'src/utils/schema/setCreativeWork';
+import type { CreativeWork } from '../types';
+import { setCreativeWork } from '../utils/schema/setCreativeWork';
 
 export interface CollectionPageJsonLdProps extends JsonLdProps {
   name: string;

src/jsonld/corporateContact.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
 import { JsonLd, JsonLdProps } from './jsonld';
-import type { ContactPoint } from 'src/types';
+import type { ContactPoint } from '../types';
 
-import { setContactPoint } from 'src/utils/schema/setContactPoint';
+import { setContactPoint } from '../utils/schema/setContactPoint';
 
 export interface CorporateContactJsonLdProps extends JsonLdProps {
   url: string;

src/jsonld/course.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import type { Provider } from 'src/types';
-import { setProvider } from 'src/utils/schema/setProvider';
+import type { Provider } from '../types';
+import { setProvider } from '../utils/schema/setProvider';
 
 import { JsonLd, JsonLdProps } from './jsonld';
 

src/jsonld/event.tsx

@@ -9,12 +9,12 @@ import type {
   Organizer,
   EventStatus,
   EventAttendanceMode,
-} from 'src/types';
-import { setLocation } from 'src/utils/schema/setLocation';
-import { setPerformer } from 'src/utils/schema/setPerformer';
-import { setOffers } from 'src/utils/schema/setOffers';
-import { setAggregateOffer } from 'src/utils/schema/setAggregateOffer';
-import { setOrganizer } from 'src/utils/schema/setOrganizer';
+} from '../types';
+import { setLocation } from '../utils/schema/setLocation';
+import { setPerformer } from '../utils/schema/setPerformer';
+import { setOffers } from '../utils/schema/setOffers';
+import { setAggregateOffer } from '../utils/schema/setAggregateOffer';
+import { setOrganizer } from '../utils/schema/setOrganizer';
 
 export interface EventJsonLdProps extends JsonLdProps {
   name: string;

src/jsonld/faqPage.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
-import type { Question } from 'src/types';
+import type { Question } from '../types';
 import { JsonLd, JsonLdProps } from './jsonld';
-import { setQuestions } from 'src/utils/schema/setQuestions';
+import { setQuestions } from '../utils/schema/setQuestions';
 
 export interface FAQPageJsonLdProps extends JsonLdProps {
   mainEntity: Question[];

src/jsonld/howTo.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
 
 import { JsonLd, JsonLdProps } from './jsonld';
-import { setImage } from 'src/utils/schema/setImage';
-import { setCost } from 'src/utils/schema/setCost';
-import { setSupply } from 'src/utils/schema/setSupply';
-import { setTool } from 'src/utils/schema/setTool';
-import { setStep } from 'src/utils/schema/setStep';
+import { setImage } from '../utils/schema/setImage';
+import { setCost } from '../utils/schema/setCost';
+import { setSupply } from '../utils/schema/setSupply';
+import { setTool } from '../utils/schema/setTool';
+import { setStep } from '../utils/schema/setStep';
 
-import { PriceSpecification, Step } from 'src/types';
+import { PriceSpecification, Step } from '../types';
 
 export interface HowToJsonLdProps extends JsonLdProps {
   name: string;

src/jsonld/jsonld.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import Head from 'next/head';
 
-import toJson from 'src/utils/toJson';
+import toJson from '../utils/toJson';
 
 export interface JsonLdProps {
   type?: string;

src/jsonld/localBusiness.tsx

@@ -10,15 +10,15 @@ import type {
   GeoCircle,
   OpeningHoursSpecification,
   Offer,
-} from 'src/types';
-import { setAddress } from 'src/utils/schema/setAddress';
-import { setReviews } from 'src/utils/schema/setReviews';
-import { setGeo } from 'src/utils/schema/setGeo';
-import { setAggregateRating } from 'src/utils/schema/setAggregateRating';
-import { setAction } from 'src/utils/schema/setAction';
-import { setGeoCircle } from 'src/utils/schema/setGeoCircle';
-import { setOffer } from 'src/utils/schema/setOffer';
-import { setOpeningHours } from 'src/utils/schema/setOpeningHours';
+} from '../types';
+import { setAddress } from '../utils/schema/setAddress';
+import { setReviews } from '../utils/schema/setReviews';
+import { setGeo } from '../utils/schema/setGeo';
+import { setAggregateRating } from '../utils/schema/setAggregateRating';
+import { setAction } from '../utils/schema/setAction';
+import { setGeoCircle } from '../utils/schema/setGeoCircle';
+import { setOffer } from '../utils/schema/setOffer';
+import { setOpeningHours } from '../utils/schema/setOpeningHours';
 
 export interface LocalBusinessJsonLdProps extends JsonLdProps {
   type: string;

src/jsonld/newsarticle.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { setAuthor } from 'src/utils/schema/setAuthor';
-import { setPublisher } from 'src/utils/schema/setPublisher';
+import { setAuthor } from '../utils/schema/setAuthor';
+import { setPublisher } from '../utils/schema/setPublisher';
 
 import { JsonLd, JsonLdProps } from './jsonld';
 import { ArticleAuthor } from '../types';

src/jsonld/organization.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import type { Address, OrganizationCategory, ContactPoint } from 'src/types';
+import type { Address, OrganizationCategory, ContactPoint } from '../types';
 import { JsonLd, JsonLdProps } from './jsonld';
-import { setAddress } from 'src/utils/schema/setAddress';
-import { setContactPoints } from 'src/utils/schema/setContactPoints';
+import { setAddress } from '../utils/schema/setAddress';
+import { setContactPoints } from '../utils/schema/setContactPoints';
 
 export interface OrganizationJsonLdProps extends JsonLdProps {
   type?: OrganizationCategory;

src/jsonld/product.tsx

@@ -1,19 +1,14 @@
 import React from 'react';
 
 import { JsonLd, JsonLdProps } from './jsonld';
-import type {
-  Review,
-  AggregateRating,
-  AggregateOffer,
-  Offers,
-} from 'src/types';
+import type { Review, AggregateRating, AggregateOffer, Offers } from '../types';
 
-import { setOffers } from 'src/utils/schema/setOffers';
-import { setReviews } from 'src/utils/schema/setReviews';
-import { setAggregateRating } from 'src/utils/schema/setAggregateRating';
-import { setAggregateOffer } from 'src/utils/schema/setAggregateOffer';
-import { setManufacturer } from 'src/utils/schema/setManufacturer';
-import { setBrand } from 'src/utils/schema/setBrand';
+import { setOffers } from '../utils/schema/setOffers';
+import { setReviews } from '../utils/schema/setReviews';
+import { setAggregateRating } from '../utils/schema/setAggregateRating';
+import { setAggregateOffer } from '../utils/schema/setAggregateOffer';
+import { setManufacturer } from '../utils/schema/setManufacturer';
+import { setBrand } from '../utils/schema/setBrand';
 
 export interface ProductJsonLdProps extends JsonLdProps {
   productName: string;

src/jsonld/profilePage.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
 import { JsonLd, JsonLdProps } from './jsonld';
-import type { ItemListElements } from 'src/types';
-import { setItemListElements } from 'src/utils/schema/setItemListElements';
+import type { ItemListElements } from '../types';
+import { setItemListElements } from '../utils/schema/setItemListElements';
 
 export interface ProfilePageJsonLdProps extends JsonLdProps {
   breadcrumb: string | ItemListElements[];

src/jsonld/qaPage.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import type { Question } from 'src/types';
-import { setAuthor } from 'src/utils/schema/setAuthor';
+import type { Question } from '../types';
+import { setAuthor } from '../utils/schema/setAuthor';
 
 import { JsonLd, JsonLdProps } from './jsonld';
 

src/jsonld/recipe.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
 
 import { JsonLd, JsonLdProps } from './jsonld';
-import type { Instruction, AggregateRating, Video } from 'src/types';
+import type { Instruction, AggregateRating, Video } from '../types';
 
-import { setAggregateRating } from 'src/utils/schema/setAggregateRating';
-import { setAuthor } from 'src/utils/schema/setAuthor';
-import { setVideo } from 'src/utils/schema/setVideo';
-import { setInstruction } from 'src/utils/schema/setInstruction';
-import { setNutrition } from 'src/utils/schema/setNutrition';
+import { setAggregateRating } from '../utils/schema/setAggregateRating';
+import { setAuthor } from '../utils/schema/setAuthor';
+import { setVideo } from '../utils/schema/setVideo';
+import { setInstruction } from '../utils/schema/setInstruction';
+import { setNutrition } from '../utils/schema/setNutrition';
 
 export interface RecipeJsonLdProps extends JsonLdProps {
   name: string;

src/jsonld/softwareApp.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
 import { JsonLd, JsonLdProps } from './jsonld';
-import type { Review, AggregateRating } from 'src/types';
-import { setAggregateRating } from 'src/utils/schema/setAggregateRating';
-import { setReviews } from 'src/utils/schema/setReviews';
+import type { Review, AggregateRating } from '../types';
+import { setAggregateRating } from '../utils/schema/setAggregateRating';
+import { setReviews } from '../utils/schema/setReviews';
 
 export interface SoftwareAppJsonLdProps extends JsonLdProps {
   name: string;

src/jsonld/video.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import { Video } from 'src/types';
+import { Video } from '../types';
 
 import { JsonLd, JsonLdProps } from './jsonld';
-import { setVideo } from 'src/utils/schema/setVideo';
+import { setVideo } from '../utils/schema/setVideo';
 
 export interface VideoJsonLdProps extends JsonLdProps, Video {}
 

src/jsonld/videoGame.tsx

@@ -7,15 +7,15 @@ import type {
   Video,
   Review,
   ApplicationCategory,
-} from 'src/types';
-import { setAggregateRating } from 'src/utils/schema/setAggregateRating';
-import { setAuthor } from 'src/utils/schema/setAuthor';
-import { setImage } from 'src/utils/schema/setImage';
-import { setOffers } from 'src/utils/schema/setOffers';
-import { setProducer } from 'src/utils/schema/setProducer';
-import { setProvider } from 'src/utils/schema/setProvider';
-import { setReviews } from 'src/utils/schema/setReviews';
-import { setVideo } from 'src/utils/schema/setVideo';
+} from '../types';
+import { setAggregateRating } from '../utils/schema/setAggregateRating';
+import { setAuthor } from '../utils/schema/setAuthor';
+import { setImage } from '../utils/schema/setImage';
+import { setOffers } from '../utils/schema/setOffers';
+import { setProducer } from '../utils/schema/setProducer';
+import { setProvider } from '../utils/schema/setProvider';
+import { setReviews } from '../utils/schema/setReviews';
+import { setVideo } from '../utils/schema/setVideo';
 
 import { JsonLd, JsonLdProps } from './jsonld';
 

src/jsonld/webPage.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { ReviewedBy } from 'src/types';
+import type { ReviewedBy } from '../types';
 
 import { JsonLd, JsonLdProps } from './jsonld';
-import { setReviewedBy } from 'src/utils/schema/setReviewedBy';
+import { setReviewedBy } from '../utils/schema/setReviewedBy';
 
 export interface WebPageJsonLdProps extends JsonLdProps {
   keyOverride?: string;

src/meta/nextSEO.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 
 import { NextSeoProps } from '../types';
 import { WithHead } from './withHead';
@@ -22,7 +22,7 @@ export const NextSeo = ({
   additionalLinkTags,
 }: NextSeoProps) => {
   return (
-    <>
+    <Fragment>
       <WithHead
         title={title}
         themeColor={themeColor}
@@ -41,6 +41,6 @@ export const NextSeo = ({
         languageAlternates={languageAlternates}
         additionalLinkTags={additionalLinkTags}
       />
-    </>
+    </Fragment>
   );
 };

src/utils/schema/__tests__/setAction.test.ts

@@ -1,4 +1,4 @@
-import { Action } from 'src/types';
+import { Action } from '../../../types';
 import { setAction } from '../setAction';
 
 describe('setAction', () => {

src/utils/schema/__tests__/setAddress.test.ts

@@ -1,4 +1,4 @@
-import { Address } from 'src/types';
+import { Address } from '../../../types';
 import { setAddress } from '../setAddress';
 
 const addressOne: Address = {

src/utils/schema/__tests__/setAggregateOffer.test.ts

@@ -1,4 +1,4 @@
-import { AggregateOffer, Offers } from 'src/types';
+import { AggregateOffer, Offers } from '../../../types';
 import { setAggregateOffer } from '../setAggregateOffer';
 
 const offerOne: Offers = {

src/utils/schema/__tests__/setAggregateRating.test.ts

@@ -1,4 +1,4 @@
-import { AggregateRating } from 'src/types';
+import { AggregateRating } from '../../../types';
 import { setAggregateRating } from '../setAggregateRating';
 
 const aggregateRating: AggregateRating = {

src/utils/schema/__tests__/setAuthor.test.ts

@@ -1,4 +1,4 @@
-import { ArticleAuthor } from 'src/types';
+import { ArticleAuthor } from '../../../types';
 import { setAuthor } from '../setAuthor';
 
 describe('setAuthor', () => {

src/utils/schema/__tests__/setLocation.test.ts

@@ -1,4 +1,4 @@
-import { Place, VirtualLocation } from 'src/types';
+import { Place, VirtualLocation } from '../../../types';
 import { setLocation } from '../setLocation';
 
 const virtualLocation: VirtualLocation = {