chore: add data attribute

This commit is contained in:
Stefan Imhoff
2024-05-05 11:03:03 +02:00
parent a12991fac8
commit 534ad42aea
7 changed files with 58 additions and 48 deletions

View File

@@ -1 +0,0 @@
public/assets/scripts/

View File

@@ -1,46 +0,0 @@
{
"env": {
"es6": true,
"node": true,
"browser": true
},
"extends": ["eslint:recommended", "plugin:prettier/recommended", "plugin:astro/recommended"],
"plugins": ["prettier", "astro"],
"parser": "@typescript-eslint/parser",
"parserOptions": {
"sourceType": "module",
"project": "./tsconfig.json",
"extraFileExtensions": [".astro"]
},
"rules": {
"prettier/prettier": "error"
},
"overrides": [
{
"files": ["*.astro"],
"parser": "astro-eslint-parser",
"parserOptions": {
"parser": "@typescript-eslint/parser",
"extraFileExtensions": [".astro"],
"sourceType": "module"
},
"rules": {
"astro/no-conflict-set-directives": "error",
"astro/no-unused-define-vars-in-style": "error"
}
},
{
"files": ["**/*.astro/*.js", "*.astro/*.js"],
"env": {
"browser": true,
"es2020": true
},
"parserOptions": {
"sourceType": "module"
},
"rules": {
"prettier/prettier": "off"
}
}
]
}

47
eslint.config.cjs Normal file
View File

@@ -0,0 +1,47 @@
module.exports = {
env: {
es6: true,
node: true,
browser: true,
},
extends: ['eslint:recommended', 'plugin:prettier/recommended', 'plugin:astro/recommended'],
plugins: ['prettier', 'astro'],
parser: '@typescript-eslint/parser',
parserOptions: {
sourceType: 'module',
project: './tsconfig.json',
extraFileExtensions: ['.astro'],
},
rules: {
'prettier/prettier': 'error',
},
ignorePatterns: ['public/assets/scripts/'],
overrides: [
{
files: ['*.astro'],
parser: 'astro-eslint-parser',
parserOptions: {
parser: '@typescript-eslint/parser',
extraFileExtensions: ['.astro'],
sourceType: 'module',
},
rules: {
'astro/no-conflict-set-directives': 'error',
'astro/no-unused-define-vars-in-style': 'error',
},
},
{
files: ['**/*.astro/*.js', '*.astro/*.js'],
env: {
browser: true,
es2020: true,
},
parserOptions: {
sourceType: 'module',
},
rules: {
'prettier/prettier': 'off',
},
},
],
};

View File

@@ -19,7 +19,13 @@ export const Backlink: FunctionalComponent<Props> = ({ backLink, class: classNam
return ( return (
<> <>
{backLink && ( {backLink && (
<Link aria-label="Back to overview" class={classes} href={backLink} {...props}> <Link
aria-label="Back to overview"
class={classes}
data-umami-event="Back to overview"
href={backLink}
{...props}
>
<button <button
class="flex h-clickarea w-clickarea cursor-pointer items-center justify-center border-none text-[0]" class="flex h-clickarea w-clickarea cursor-pointer items-center justify-center border-none text-[0]"
type="button" type="button"

View File

@@ -16,6 +16,7 @@ import SearchLink from './SearchLink.astro';
<li class="mie-[10px] xs:mie-[15px]"> <li class="mie-[10px] xs:mie-[15px]">
<Link <Link
class="text-3 font-light decoration-4 underline-offset-auto hover:underline hover:decoration-shibui-900/20 focus:underline focus:decoration-shibui-900/20 dark:hover:decoration-shibui-100/20 dark:focus:decoration-shibui-100/20" class="text-3 font-light decoration-4 underline-offset-auto hover:underline hover:decoration-shibui-900/20 focus:underline focus:decoration-shibui-900/20 dark:hover:decoration-shibui-100/20 dark:focus:decoration-shibui-100/20"
data-umami-event={title}
href={url} href={url}
> >
{title} {title}

View File

@@ -16,6 +16,7 @@ const { nextText, nextUrl, previousText, previousUrl } = Astro.props;
<a <a
aria-label={previousText || 'Previous'} aria-label={previousText || 'Previous'}
class="group fixed rounded-[50%] block-start-[calc(50%_-_20px)] inline-start-[1rem] print:hidden" class="group fixed rounded-[50%] block-start-[calc(50%_-_20px)] inline-start-[1rem] print:hidden"
data-umami-event={previousText || 'Previous'}
href={previousUrl} href={previousUrl}
rel="prefetch prev" rel="prefetch prev"
title={previousText || 'Previous'} title={previousText || 'Previous'}
@@ -31,6 +32,7 @@ const { nextText, nextUrl, previousText, previousUrl } = Astro.props;
<a <a
aria-label={nextText || 'Next'} aria-label={nextText || 'Next'}
class="group fixed rounded-[50%] block-start-[calc(50%_-_20px)] inline-end-[1rem] print:hidden" class="group fixed rounded-[50%] block-start-[calc(50%_-_20px)] inline-end-[1rem] print:hidden"
data-umami-event={nextText || 'Next'}
href={nextUrl} href={nextUrl}
rel="prefetch next" rel="prefetch next"
title={nextText || 'Next'} title={nextText || 'Next'}

View File

@@ -8,6 +8,7 @@ export const UpLink: FunctionalComponent = ({ ...props }) => (
<Link <Link
aria-label="Back to top" aria-label="Back to top"
class="transition-transform duration-500 ease-in-out hover:-translate-y-1 focus:-translate-y-1" class="transition-transform duration-500 ease-in-out hover:-translate-y-1 focus:-translate-y-1"
data-umami-event="Back to top"
href="#top" href="#top"
id="up-link" id="up-link"
> >