Skip to content

Commit ed89c67

Browse files
zernoniazernonia
committed
drop alias and use relative path
1 parent 2256514 commit ed89c67

31 files changed

+335
-340
lines changed

‎build.config.ts

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,6 @@ export default defineBuildConfig({
77
{ builder: "mkdist", input: "./src/", format: "cjs", ext: "js" },
88
],
99

10-
alias: {
11-
"@": resolve(__dirname, "./src"),
12-
},
13-
1410
declaration: true,
1511
clean: true,
1612
});

‎src/blocks/bookmark.vue

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
<script setup lang="ts">
2-
import { useNotionBlock, defineNotionProps } from "@/lib/blockable"
3-
import { getTextContent } from "@/lib/utils"
4-
import NotionTextRenderer from "@/blocks/helpers/text-renderer.vue"
2+
import { useNotionBlock, defineNotionProps } from "../lib/blockable";
3+
import { getTextContent } from "../lib/utils";
4+
import NotionTextRenderer from "../blocks/helpers/text-renderer.vue";
55
6-
const props = defineProps({ ...defineNotionProps })
6+
const props = defineProps({ ...defineNotionProps });
77
//@ts-ignore
8-
const { f, properties, title, description, pass } = useNotionBlock(props)
8+
const { f, properties, title, description, pass } = useNotionBlock(props);
99
</script>
1010

1111
<script lang="ts">
1212
export default {
1313
name: "NotionBookmark",
14-
}
14+
};
1515
</script>
1616

1717
<template>

‎src/blocks/callout.vue

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
11
<script setup lang="ts">
2-
import { useNotionBlock, defineNotionProps } from "@/lib/blockable"
3-
import NotionPageIcon from "@/blocks/helpers/page-icon.vue"
4-
import NotionTextRenderer from "@/blocks/helpers/text-renderer.vue"
5-
import NotionRenderer from "@/components/notion-renderer.vue"
2+
import { useNotionBlock, defineNotionProps } from "../lib/blockable";
3+
import NotionPageIcon from "../blocks/helpers/page-icon.vue";
4+
import NotionTextRenderer from "../blocks/helpers/text-renderer.vue";
5+
import NotionRenderer from "../components/notion-renderer.vue";
66
7-
const props = defineProps({ ...defineNotionProps })
7+
const props = defineProps({ ...defineNotionProps });
88
//@ts-ignore
9-
const { pass, title, blockColorClass, block } = useNotionBlock(props)
9+
const { pass, title, blockColorClass, block } = useNotionBlock(props);
1010
</script>
1111

1212
<script lang="ts">
1313
export default {
1414
name: "NotionCallout",
15-
}
15+
};
1616
</script>
1717

1818
<template>

‎src/blocks/code.vue

Lines changed: 47 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,65 +1,65 @@
11
<script setup lang="ts">
2-
import Prism from "prismjs"
3-
import PrismBlock from "./helpers/prism.vue"
4-
import { useNotionBlock, defineNotionProps } from "@/lib/blockable"
5-
import { computed } from "vue"
2+
import Prism from "prismjs";
3+
import PrismBlock from "./helpers/prism.vue";
4+
import { useNotionBlock, defineNotionProps } from "../lib/blockable";
5+
import { computed } from "vue";
66
7-
import "prismjs/components/prism-markup-templating"
8-
import "prismjs/components/prism-markup"
9-
import "prismjs/components/prism-bash"
10-
import "prismjs/components/prism-c"
11-
import "prismjs/components/prism-cpp"
12-
import "prismjs/components/prism-csharp"
13-
import "prismjs/components/prism-docker"
14-
import "prismjs/components/prism-java"
15-
import "prismjs/components/prism-js-templates"
16-
import "prismjs/components/prism-typescript"
17-
import "prismjs/components/prism-coffeescript"
18-
import "prismjs/components/prism-diff"
19-
import "prismjs/components/prism-git"
20-
import "prismjs/components/prism-go"
21-
import "prismjs/components/prism-graphql"
22-
import "prismjs/components/prism-handlebars"
23-
import "prismjs/components/prism-json"
24-
import "prismjs/components/prism-less"
25-
import "prismjs/components/prism-makefile"
26-
import "prismjs/components/prism-markdown"
27-
import "prismjs/components/prism-objectivec"
28-
import "prismjs/components/prism-ocaml"
29-
import "prismjs/components/prism-python"
30-
import "prismjs/components/prism-reason"
31-
import "prismjs/components/prism-rust"
32-
import "prismjs/components/prism-sass"
33-
import "prismjs/components/prism-scss"
34-
import "prismjs/components/prism-solidity"
35-
import "prismjs/components/prism-sql"
36-
import "prismjs/components/prism-stylus"
37-
import "prismjs/components/prism-swift"
38-
import "prismjs/components/prism-wasm"
39-
import "prismjs/components/prism-yaml"
7+
import "prismjs/components/prism-markup-templating";
8+
import "prismjs/components/prism-markup";
9+
import "prismjs/components/prism-bash";
10+
import "prismjs/components/prism-c";
11+
import "prismjs/components/prism-cpp";
12+
import "prismjs/components/prism-csharp";
13+
import "prismjs/components/prism-docker";
14+
import "prismjs/components/prism-java";
15+
import "prismjs/components/prism-js-templates";
16+
import "prismjs/components/prism-typescript";
17+
import "prismjs/components/prism-coffeescript";
18+
import "prismjs/components/prism-diff";
19+
import "prismjs/components/prism-git";
20+
import "prismjs/components/prism-go";
21+
import "prismjs/components/prism-graphql";
22+
import "prismjs/components/prism-handlebars";
23+
import "prismjs/components/prism-json";
24+
import "prismjs/components/prism-less";
25+
import "prismjs/components/prism-makefile";
26+
import "prismjs/components/prism-markdown";
27+
import "prismjs/components/prism-objectivec";
28+
import "prismjs/components/prism-ocaml";
29+
import "prismjs/components/prism-python";
30+
import "prismjs/components/prism-reason";
31+
import "prismjs/components/prism-rust";
32+
import "prismjs/components/prism-sass";
33+
import "prismjs/components/prism-scss";
34+
import "prismjs/components/prism-solidity";
35+
import "prismjs/components/prism-sql";
36+
import "prismjs/components/prism-stylus";
37+
import "prismjs/components/prism-swift";
38+
import "prismjs/components/prism-wasm";
39+
import "prismjs/components/prism-yaml";
4040
41-
const props = defineProps({ overrideLang: String, overrideLangClass: String, ...defineNotionProps })
41+
const props = defineProps({ overrideLang: String, overrideLangClass: String, ...defineNotionProps });
4242
//@ts-ignore
43-
const { properties } = useNotionBlock(props)
43+
const { properties } = useNotionBlock(props);
4444
const lang = computed(() => {
45-
return props.overrideLang || properties.value?.language?.[0]?.[0]?.toLowerCase()
46-
})
45+
return props.overrideLang || properties.value?.language?.[0]?.[0]?.toLowerCase();
46+
});
4747
4848
const langClass = computed(() => {
49-
return props.overrideLangClass || `language-${lang.value}`
50-
})
49+
return props.overrideLangClass || `language-${lang.value}`;
50+
});
5151
5252
const supported = computed(() => {
53-
return lang.value ? Prism?.languages[lang.value] : false
54-
})
53+
return lang.value ? Prism?.languages[lang.value] : false;
54+
});
5555
56-
const computedSlot = computed(() => properties.value?.title.map((i) => i?.[0]).join(""))
56+
const computedSlot = computed(() => properties.value?.title.map((i) => i?.[0]).join(""));
5757
</script>
5858

5959
<script lang="ts">
6060
export default {
6161
name: "NotionCode",
62-
}
62+
};
6363
</script>
6464

6565
<template>

‎src/blocks/decorator.vue

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,42 +1,42 @@
11
<script setup lang="ts">
2-
import { useNotionBlock, defineNotionProps } from "@/lib/blockable"
3-
import NotionKatek from "@/blocks/helpers/katex.vue"
4-
import { computed, PropType } from "vue"
2+
import { useNotionBlock, defineNotionProps } from "../lib/blockable";
3+
import NotionKatek from "../blocks/helpers/katex.vue";
4+
import { computed, PropType } from "vue";
55
66
const props = defineProps({
77
content: Object as PropType<string[] | string>,
88
...defineNotionProps,
9-
})
9+
});
1010
//@ts-ignore
11-
const { props: blockProps, pass, type, hasPageLinkOptions, pageLinkProps } = useNotionBlock(props)
11+
const { props: blockProps, pass, type, hasPageLinkOptions, pageLinkProps } = useNotionBlock(props);
1212
13-
const text = computed(() => props.content?.[0])
14-
const decorators = computed(() => props.content?.[1] || [])
15-
const decoratorKey = computed(() => decorators.value?.[0]?.[0])
16-
const decoratorValue = computed(() => decorators.value?.[0]?.[1])
13+
const text = computed(() => props.content?.[0]);
14+
const decorators = computed(() => props.content?.[1] || []);
15+
const decoratorKey = computed(() => decorators.value?.[0]?.[0]);
16+
const decoratorValue = computed(() => decorators.value?.[0]?.[1]);
1717
const unappliedDecorators = computed(() => {
18-
const clonedDecorators = JSON.parse(JSON.stringify(decorators.value || []))
19-
clonedDecorators.shift() // remove applied decorator
20-
return clonedDecorators
21-
})
22-
const nextContent = computed(() => [text.value, unappliedDecorators.value])
23-
const isPageLink = computed(() => text.value === "‣")
24-
const isInlinePageLink = computed(() => decoratorValue.value?.[0] === "/")
18+
const clonedDecorators = JSON.parse(JSON.stringify(decorators.value || []));
19+
clonedDecorators.shift(); // remove applied decorator
20+
return clonedDecorators;
21+
});
22+
const nextContent = computed(() => [text.value, unappliedDecorators.value]);
23+
const isPageLink = computed(() => text.value === "‣");
24+
const isInlinePageLink = computed(() => decoratorValue.value?.[0] === "/");
2525
const pageLinkTitle = computed(
2626
() => blockProps.blockMap?.[decoratorValue.value]?.value?.properties?.title?.[0]?.[0] || "link"
27-
)
27+
);
2828
const target = computed(() => {
2929
if (type.value === "page") {
30-
return blockProps.pageLinkTarget
30+
return blockProps.pageLinkTarget;
3131
}
32-
return blockProps.textLinkTarget
33-
})
32+
return blockProps.textLinkTarget;
33+
});
3434
</script>
3535

3636
<script lang="ts">
3737
export default {
3838
name: "NotionDecorator",
39-
}
39+
};
4040
</script>
4141

4242
<template>

‎src/blocks/equation.vue

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,20 @@
11
<script setup lang="ts">
2-
import { useNotionBlock, defineNotionProps } from "@/lib/blockable"
3-
import NotionCode from "./code.vue"
4-
import NotionKatek from "@/blocks/helpers/katex.vue"
5-
import { computed } from "vue"
2+
import { useNotionBlock, defineNotionProps } from "../lib/blockable";
3+
import NotionCode from "./code.vue";
4+
import NotionKatek from "../blocks/helpers/katex.vue";
5+
import { computed } from "vue";
66
7-
const props = defineProps({ ...defineNotionProps })
7+
const props = defineProps({ ...defineNotionProps });
88
//@ts-ignore
9-
const { properties, pass } = useNotionBlock(props)
9+
const { properties, pass } = useNotionBlock(props);
1010
11-
const equation = computed(() => properties.value.title?.[0]?.[0])
11+
const equation = computed(() => properties.value.title?.[0]?.[0]);
1212
</script>
1313

1414
<script lang="ts">
1515
export default {
1616
name: "NotionEquation",
17-
}
17+
};
1818
</script>
1919

2020
<template>

‎src/blocks/header.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<script setup lang="ts">
2-
import { useNotionBlock, defineNotionProps } from "@/lib/blockable";
3-
import NotionHeaderRenderer from "@/blocks/helpers/header-renderer.vue";
4-
import NotionRenderer from "@/components/notion-renderer.vue";
2+
import { useNotionBlock, defineNotionProps } from "../lib/blockable";
3+
import NotionHeaderRenderer from "../blocks/helpers/header-renderer.vue";
4+
import NotionRenderer from "../components/notion-renderer.vue";
55
66
const props = defineProps({ ...defineNotionProps });
77
//@ts-ignore

‎src/blocks/helpers/asset.vue

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,20 @@
11
<script setup lang="ts">
2-
import { defineNotionProps, useNotionBlock } from "@/lib/blockable"
3-
import { computed, StyleValue } from "vue"
2+
import { defineNotionProps, useNotionBlock } from "../../lib/blockable";
3+
import { computed, StyleValue } from "vue";
44
5-
const props = defineProps({ ...defineNotionProps })
5+
const props = defineProps({ ...defineNotionProps });
66
//@ts-ignore
7-
const { properties, f, format } = useNotionBlock(props)
7+
const { properties, f, format } = useNotionBlock(props);
88
99
const src = computed(() => {
10-
return f.value.display_source ?? properties.value?.source?.[0]
11-
})
10+
return f.value.display_source ?? properties.value?.source?.[0];
11+
});
1212
1313
const aspectRatioStyle = computed(() => {
1414
let aspectRatio =
1515
f.value.block_width == 1 || f.value.block_height == 1
1616
? 1 / f.value.block_aspect_ratio
17-
: `${f.value.block_width} / ${f.value.block_height} `
17+
: `${f.value.block_width} / ${f.value.block_height} `;
1818
1919
return {
2020
width: format.value.block_full_width
@@ -26,14 +26,14 @@ const aspectRatioStyle = computed(() => {
2626
maxWidth: "100%",
2727
position: "relative",
2828
aspectRatio: f.value.block_height == 1 ? aspectRatio : undefined,
29-
} as StyleValue
30-
})
29+
} as StyleValue;
30+
});
3131
</script>
3232

3333
<script lang="ts">
3434
export default {
3535
name: "NotionAsset",
36-
}
36+
};
3737
</script>
3838

3939
<template>

‎src/blocks/helpers/figure.vue

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
11
<script setup lang="ts">
2-
import { useNotionBlock, defineNotionProps } from "@/lib/blockable"
3-
import NotionAsset from "@/blocks/helpers/asset.vue"
4-
import NotionImage from "@/blocks/helpers/image.vue"
5-
import NotionGoogleDrive from "@/blocks/helpers/google-drive.vue"
6-
import NotionTextRenderer from "@/blocks/helpers/text-renderer.vue"
2+
import { useNotionBlock, defineNotionProps } from "../../lib/blockable";
3+
import NotionAsset from "../../blocks/helpers/asset.vue";
4+
import NotionImage from "../../blocks/helpers/image.vue";
5+
import NotionGoogleDrive from "../../blocks/helpers/google-drive.vue";
6+
import NotionTextRenderer from "../../blocks/helpers/text-renderer.vue";
77
8-
const props = defineProps({ ...defineNotionProps })
8+
const props = defineProps({ ...defineNotionProps });
99
//@ts-ignore
10-
const { pass, width, caption, isType } = useNotionBlock(props)
10+
const { pass, width, caption, isType } = useNotionBlock(props);
1111
</script>
1212

1313
<script lang="ts">
1414
export default {
1515
name: "NotionFigure",
16-
}
16+
};
1717
</script>
1818
<template>
1919
<figure class="notion-asset-wrapper" :style="[isType('image') ? 'width:100%' : '']">

‎src/blocks/helpers/google-drive.vue

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,33 @@
11
<script setup lang="ts">
2-
import { useNotionBlock, defineNotionProps } from "@/lib/blockable"
3-
import { computed } from "vue"
4-
import { useTimeAgo } from "@vueuse/core"
2+
import { useNotionBlock, defineNotionProps } from "../../lib/blockable";
3+
import { computed } from "vue";
4+
import { useTimeAgo } from "@vueuse/core";
55
6-
const props = defineProps({ ...defineNotionProps })
6+
const props = defineProps({ ...defineNotionProps });
77
//@ts-ignore
8-
const { format, block, hasPageLinkOptions, pageLinkProps } = useNotionBlock(props)
8+
const { format, block, hasPageLinkOptions, pageLinkProps } = useNotionBlock(props);
99
10-
const properties = computed(() => format.value.drive_properties)
10+
const properties = computed(() => format.value.drive_properties);
1111
1212
const constructThumbnail = (src?: string) => {
13-
if (!src) return
13+
if (!src) return;
1414
const q = new URLSearchParams({
1515
table: "block",
1616
id: block.value.value.id,
1717
cache: "v2",
18-
})
19-
return "https://www.notion.so/image/" + encodeURIComponent(src) + "?" + q
20-
}
18+
});
19+
return "https://www.notion.so/image/" + encodeURIComponent(src) + "?" + q;
20+
};
2121
const constructDomain = (src?: string) => {
22-
if (!src) return
23-
return new URL(src).hostname
24-
}
22+
if (!src) return;
23+
return new URL(src).hostname;
24+
};
2525
</script>
2626

2727
<script lang="ts">
2828
export default {
2929
name: "NotionGoogleDrive",
30-
}
30+
};
3131
</script>
3232

3333
<template>

0 commit comments

Comments
 (0)