mirror of
https://github.com/ivabus/gui
synced 2025-06-07 15:50:27 +03:00
#203 kebabe case on ui modules
This commit is contained in:
parent
bab53c52f8
commit
f530cf191c
54 changed files with 46 additions and 46 deletions
|
@ -1,6 +1,6 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import PanelHeader from '@tea/ui/PanelHeader/PanelHeader.svelte';
|
import PanelHeader from '@tea/ui/panel-header/panel-header.svelte';
|
||||||
import MiniPackageCard from '@tea/ui/MiniPackageCard/MiniPackageCard.svelte';
|
import MiniPackageCard from '@tea/ui/mini-package-card/mini-package-card.svelte';
|
||||||
import type { Category } from '$libs/types';
|
import type { Category } from '$libs/types';
|
||||||
import { onMount } from 'svelte';
|
import { onMount } from 'svelte';
|
||||||
import { getCategorizedPackages } from '@api';
|
import { getCategorizedPackages } from '@api';
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
import '$appcss';
|
import '$appcss';
|
||||||
import type { AirtablePost } from '@tea/ui/types';
|
import type { AirtablePost } from '@tea/ui/types';
|
||||||
import Posts from '@tea/ui/Posts/Posts.svelte';
|
import Posts from '@tea/ui/Posts/Posts.svelte';
|
||||||
import PanelHeader from '@tea/ui/PanelHeader/PanelHeader.svelte';
|
import PanelHeader from '@tea/ui/panel-header/panel-header.svelte';
|
||||||
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
||||||
import { postsStore } from '$libs/stores';
|
import { postsStore } from '$libs/stores';
|
||||||
|
|
||||||
|
|
|
@ -2,9 +2,9 @@
|
||||||
import '$appcss';
|
import '$appcss';
|
||||||
import type { GUIPackage } from '$libs/types';
|
import type { GUIPackage } from '$libs/types';
|
||||||
import { PackageStates } from '$libs/types';
|
import { PackageStates } from '$libs/types';
|
||||||
import PanelHeader from '@tea/ui/PanelHeader/PanelHeader.svelte';
|
import PanelHeader from '@tea/ui/panel-header/panel-header.svelte';
|
||||||
import { packagesStore } from '$libs/stores';
|
import { packagesStore } from '$libs/stores';
|
||||||
import MiniPackageCard from '@tea/ui/MiniPackageCard/MiniPackageCard.svelte';
|
import MiniPackageCard from '@tea/ui/mini-package-card/mini-package-card.svelte';
|
||||||
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
||||||
let packages: GUIPackage[] = [];
|
let packages: GUIPackage[] = [];
|
||||||
|
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
import { postsStore } from '$libs/stores';
|
import { postsStore } from '$libs/stores';
|
||||||
import type { AirtablePost } from '@tea/ui/types';
|
import type { AirtablePost } from '@tea/ui/types';
|
||||||
import Posts from '@tea/ui/Posts/Posts.svelte';
|
import Posts from '@tea/ui/Posts/Posts.svelte';
|
||||||
import PanelHeader from '@tea/ui/PanelHeader/PanelHeader.svelte';
|
import PanelHeader from '@tea/ui/panel-header/panel-header.svelte';
|
||||||
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
||||||
|
|
||||||
let news: AirtablePost[] = [];
|
let news: AirtablePost[] = [];
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
import '@tea/ui/icons/icons.css';
|
import '@tea/ui/icons/icons.css';
|
||||||
import type { Package, Bottle } from '@tea/ui/types';
|
import type { Package, Bottle } from '@tea/ui/types';
|
||||||
import Button from '@tea/ui/Button/Button.svelte';
|
import Button from '@tea/ui/Button/Button.svelte';
|
||||||
import StarRating from '@tea/ui/StarRating/StarRating.svelte';
|
import StarRating from '@tea/ui/star-rating/star-rating.svelte';
|
||||||
import { onMount } from 'svelte';
|
import { onMount } from 'svelte';
|
||||||
import { getPackageBottles } from '@api';
|
import { getPackageBottles } from '@api';
|
||||||
|
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import '$appcss';
|
import '$appcss';
|
||||||
import { afterUpdate } from 'svelte';
|
import { afterUpdate } from 'svelte';
|
||||||
import ReviewCard from '@tea/ui/ReviewCard/ReviewCard.svelte';
|
import ReviewCard from '@tea/ui/review-card/review-card.svelte';
|
||||||
|
|
||||||
import type { Review } from '@tea/ui/types';
|
import type { Review } from '@tea/ui/types';
|
||||||
export let reviews: Review[];
|
export let reviews: Review[];
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
import type { GUIPackage } from '$libs/types';
|
import type { GUIPackage } from '$libs/types';
|
||||||
import { PackageStates } from '$libs/types';
|
import { PackageStates } from '$libs/types';
|
||||||
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
||||||
import PackageCard from '@tea/ui/PackageCard/PackageCard.svelte';
|
import PackageCard from '@tea/ui/package-card/package-card.svelte';
|
||||||
import { packagesStore } from '$libs/stores';
|
import { packagesStore } from '$libs/stores';
|
||||||
|
|
||||||
// TODO: replace with getting foundation essentials
|
// TODO: replace with getting foundation essentials
|
||||||
|
|
|
@ -4,8 +4,8 @@
|
||||||
import SortingButtons from './SortingButtons.svelte';
|
import SortingButtons from './SortingButtons.svelte';
|
||||||
import type { GUIPackage } from '$libs/types';
|
import type { GUIPackage } from '$libs/types';
|
||||||
import { PackageStates } from '$libs/types';
|
import { PackageStates } from '$libs/types';
|
||||||
import PackageCard from '@tea/ui/PackageCard/PackageCard.svelte';
|
import PackageCard from '@tea/ui/package-card/package-card.svelte';
|
||||||
import SearchInput from '@tea/ui/SearchInput/SearchInput.svelte';
|
import SearchInput from '@tea/ui/search-input/search-input.svelte';
|
||||||
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
||||||
|
|
||||||
import { installPackage } from '@api';
|
import { installPackage } from '@api';
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
import { searchStore } from '$libs/stores';
|
import { searchStore } from '$libs/stores';
|
||||||
import type { GUIPackage } from '$libs/types';
|
import type { GUIPackage } from '$libs/types';
|
||||||
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
||||||
import PackageCard from '@tea/ui/PackageCard/PackageCard.svelte';
|
import PackageCard from '@tea/ui/package-card/package-card.svelte';
|
||||||
import { PackageStates } from '$libs/types';
|
import { PackageStates } from '$libs/types';
|
||||||
import Posts from '@tea/ui/Posts/Posts.svelte';
|
import Posts from '@tea/ui/Posts/Posts.svelte';
|
||||||
|
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
import type { Package } from '@tea/ui/types';
|
import type { Package } from '@tea/ui/types';
|
||||||
import { PackageStates } from '$libs/types';
|
import { PackageStates } from '$libs/types';
|
||||||
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
||||||
import PackageCard from '@tea/ui/PackageCard/PackageCard.svelte';
|
import PackageCard from '@tea/ui/package-card/package-card.svelte';
|
||||||
import { onMount } from 'svelte';
|
import { onMount } from 'svelte';
|
||||||
import { installPackage } from '@api';
|
import { installPackage } from '@api';
|
||||||
import { packagesStore } from '$libs/stores';
|
import { packagesStore } from '$libs/stores';
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
import { page } from '$app/stores';
|
import { page } from '$app/stores';
|
||||||
import { beforeUpdate } from 'svelte';
|
import { beforeUpdate } from 'svelte';
|
||||||
import { searchStore } from '$libs/stores';
|
import { searchStore } from '$libs/stores';
|
||||||
import SearchInput from '@tea/ui/SearchInput/SearchInput.svelte';
|
import SearchInput from '@tea/ui/search-input/search-input.svelte';
|
||||||
import { navStore } from '$libs/stores';
|
import { navStore } from '$libs/stores';
|
||||||
|
|
||||||
import ProfileNavButton from './ProfileNavButton.svelte';
|
import ProfileNavButton from './ProfileNavButton.svelte';
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<!-- home / discover / welcome page -->
|
<!-- home / discover / welcome page -->
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import '$appcss';
|
import '$appcss';
|
||||||
import ListAction from '@tea/ui/ListAction/ListAction.svelte';
|
import ListAction from '@tea/ui/list-action/list-action.svelte';
|
||||||
import type { ListActionItem } from '@tea/ui/types';
|
import type { ListActionItem } from '@tea/ui/types';
|
||||||
import { packagesStore } from '$libs/stores';
|
import { packagesStore } from '$libs/stores';
|
||||||
|
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import '$appcss';
|
import '$appcss';
|
||||||
import type { ListActionItem } from '@tea/ui/types';
|
import type { ListActionItem } from '@tea/ui/types';
|
||||||
import ListAction from '@tea/ui/ListAction/ListAction.svelte';
|
import ListAction from '@tea/ui/list-action/list-action.svelte';
|
||||||
|
|
||||||
const items: ListActionItem[] = [
|
const items: ListActionItem[] = [
|
||||||
{
|
{
|
||||||
|
|
|
@ -10,9 +10,9 @@
|
||||||
import type { Tab } from '@tea/ui/types';
|
import type { Tab } from '@tea/ui/types';
|
||||||
import Bottles from '@tea/ui/Bottles/Bottles.svelte';
|
import Bottles from '@tea/ui/Bottles/Bottles.svelte';
|
||||||
import { getPackageBottles } from '@api';
|
import { getPackageBottles } from '@api';
|
||||||
import PackageMetas from '@tea/ui/PackageMetas/PackageMetas.svelte';
|
import PackageMetas from '@tea/ui/package-metas/package-metas.svelte';
|
||||||
import Markdown from '@tea/ui/Markdown/Markdown.svelte';
|
import Markdown from '@tea/ui/markdown/markdown.svelte';
|
||||||
import PackageSnippets from '@tea/ui/PackageSnippets/PackageSnippets.svelte';
|
import PackageSnippets from '@tea/ui/package-snippets/package-snippets.svelte';
|
||||||
|
|
||||||
/** @type {import('./$types').PageData} */
|
/** @type {import('./$types').PageData} */
|
||||||
export let data;
|
export let data;
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import PanelHeader from '@tea/ui/PanelHeader/PanelHeader.svelte';
|
import PanelHeader from '@tea/ui/panel-header/panel-header.svelte';
|
||||||
import MiniPackageCard from '@tea/ui/MiniPackageCard/MiniPackageCard.svelte';
|
import MiniPackageCard from '@tea/ui/mini-package-card/mini-package-card.svelte';
|
||||||
import type { Category } from '$libs/types';
|
import type { Category } from '$libs/types';
|
||||||
import { onMount } from 'svelte';
|
import { onMount } from 'svelte';
|
||||||
import { getCategorizedPackages } from '@api';
|
import { getCategorizedPackages } from '@api';
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
import '$appcss';
|
import '$appcss';
|
||||||
import type { AirtablePost } from '@tea/ui/types';
|
import type { AirtablePost } from '@tea/ui/types';
|
||||||
import Posts from '@tea/ui/Posts/Posts.svelte';
|
import Posts from '@tea/ui/Posts/Posts.svelte';
|
||||||
import PanelHeader from '@tea/ui/PanelHeader/PanelHeader.svelte';
|
import PanelHeader from '@tea/ui/panel-header/panel-header.svelte';
|
||||||
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
||||||
import { postsStore } from '$libs/stores';
|
import { postsStore } from '$libs/stores';
|
||||||
|
|
||||||
|
|
|
@ -2,9 +2,9 @@
|
||||||
import '$appcss';
|
import '$appcss';
|
||||||
import type { GUIPackage } from '$libs/types';
|
import type { GUIPackage } from '$libs/types';
|
||||||
import { PackageStates } from '$libs/types';
|
import { PackageStates } from '$libs/types';
|
||||||
import PanelHeader from '@tea/ui/PanelHeader/PanelHeader.svelte';
|
import PanelHeader from '@tea/ui/panel-header/panel-header.svelte';
|
||||||
import { packagesStore } from '$libs/stores';
|
import { packagesStore } from '$libs/stores';
|
||||||
import MiniPackageCard from '@tea/ui/MiniPackageCard/MiniPackageCard.svelte';
|
import MiniPackageCard from '@tea/ui/mini-package-card/mini-package-card.svelte';
|
||||||
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
||||||
let packages: GUIPackage[] = [];
|
let packages: GUIPackage[] = [];
|
||||||
|
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
import { postsStore } from '$libs/stores';
|
import { postsStore } from '$libs/stores';
|
||||||
import type { AirtablePost } from '@tea/ui/types';
|
import type { AirtablePost } from '@tea/ui/types';
|
||||||
import Posts from '@tea/ui/Posts/Posts.svelte';
|
import Posts from '@tea/ui/Posts/Posts.svelte';
|
||||||
import PanelHeader from '@tea/ui/PanelHeader/PanelHeader.svelte';
|
import PanelHeader from '@tea/ui/panel-header/panel-header.svelte';
|
||||||
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
||||||
|
|
||||||
let news: AirtablePost[] = [];
|
let news: AirtablePost[] = [];
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
import '@tea/ui/icons/icons.css';
|
import '@tea/ui/icons/icons.css';
|
||||||
import type { Package, Bottle } from '@tea/ui/types';
|
import type { Package, Bottle } from '@tea/ui/types';
|
||||||
import Button from '@tea/ui/Button/Button.svelte';
|
import Button from '@tea/ui/Button/Button.svelte';
|
||||||
import StarRating from '@tea/ui/StarRating/StarRating.svelte';
|
import StarRating from '@tea/ui/star-rating/star-rating.svelte';
|
||||||
import { onMount } from 'svelte';
|
import { onMount } from 'svelte';
|
||||||
import { getPackageBottles } from '@api';
|
import { getPackageBottles } from '@api';
|
||||||
|
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import '$appcss';
|
import '$appcss';
|
||||||
import { afterUpdate } from 'svelte';
|
import { afterUpdate } from 'svelte';
|
||||||
import ReviewCard from '@tea/ui/ReviewCard/ReviewCard.svelte';
|
import ReviewCard from '@tea/ui/review-card/review-card.svelte';
|
||||||
|
|
||||||
import type { Review } from '@tea/ui/types';
|
import type { Review } from '@tea/ui/types';
|
||||||
export let reviews: Review[];
|
export let reviews: Review[];
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
import type { GUIPackage } from '$libs/types';
|
import type { GUIPackage } from '$libs/types';
|
||||||
import { PackageStates } from '$libs/types';
|
import { PackageStates } from '$libs/types';
|
||||||
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
||||||
import PackageCard from '@tea/ui/PackageCard/PackageCard.svelte';
|
import PackageCard from '@tea/ui/package-card/package-card.svelte';
|
||||||
import { onMount } from 'svelte';
|
import { onMount } from 'svelte';
|
||||||
|
|
||||||
// TODO: replace with getting foundation essentials
|
// TODO: replace with getting foundation essentials
|
||||||
|
|
|
@ -4,8 +4,8 @@
|
||||||
import SortingButtons from './SortingButtons.svelte';
|
import SortingButtons from './SortingButtons.svelte';
|
||||||
import type { GUIPackage } from '$libs/types';
|
import type { GUIPackage } from '$libs/types';
|
||||||
import { PackageStates } from '$libs/types';
|
import { PackageStates } from '$libs/types';
|
||||||
import PackageCard from '@tea/ui/PackageCard/PackageCard.svelte';
|
import PackageCard from '@tea/ui/package-card/package-card.svelte';
|
||||||
import SearchInput from '@tea/ui/SearchInput/SearchInput.svelte';
|
import SearchInput from '@tea/ui/search-input/search-input.svelte';
|
||||||
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
||||||
|
|
||||||
import { installPackage } from '@api';
|
import { installPackage } from '@api';
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
import { searchStore } from '$libs/stores';
|
import { searchStore } from '$libs/stores';
|
||||||
import type { GUIPackage } from '$libs/types';
|
import type { GUIPackage } from '$libs/types';
|
||||||
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
||||||
import PackageCard from '@tea/ui/PackageCard/PackageCard.svelte';
|
import PackageCard from '@tea/ui/package-card/package-card.svelte';
|
||||||
import { PackageStates } from '$libs/types';
|
import { PackageStates } from '$libs/types';
|
||||||
import Posts from '@tea/ui/Posts/Posts.svelte';
|
import Posts from '@tea/ui/Posts/Posts.svelte';
|
||||||
|
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
import type { Package } from '@tea/ui/types';
|
import type { Package } from '@tea/ui/types';
|
||||||
import { PackageStates } from '$libs/types';
|
import { PackageStates } from '$libs/types';
|
||||||
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
||||||
import PackageCard from '@tea/ui/PackageCard/PackageCard.svelte';
|
import PackageCard from '@tea/ui/package-card/package-card.svelte';
|
||||||
import { onMount } from 'svelte';
|
import { onMount } from 'svelte';
|
||||||
import { installPackage } from '@api';
|
import { installPackage } from '@api';
|
||||||
import { packagesStore } from '$libs/stores';
|
import { packagesStore } from '$libs/stores';
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
import { page } from '$app/stores';
|
import { page } from '$app/stores';
|
||||||
import { beforeUpdate } from 'svelte';
|
import { beforeUpdate } from 'svelte';
|
||||||
import { searchStore } from '$libs/stores';
|
import { searchStore } from '$libs/stores';
|
||||||
import SearchInput from '@tea/ui/SearchInput/SearchInput.svelte';
|
import SearchInput from '@tea/ui/search-input/search-input.svelte';
|
||||||
import { navStore } from '$libs/stores';
|
import { navStore } from '$libs/stores';
|
||||||
|
|
||||||
import ProfileNavButton from './ProfileNavButton.svelte';
|
import ProfileNavButton from './ProfileNavButton.svelte';
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
import News from '$components/News/News.svelte';
|
import News from '$components/News/News.svelte';
|
||||||
|
|
||||||
import HeaderCard from '@tea/ui/HeaderCard/HeaderCard.svelte';
|
import HeaderCard from '@tea/ui/HeaderCard/HeaderCard.svelte';
|
||||||
import ListAction from '@tea/ui/ListAction/ListAction.svelte';
|
import ListAction from '@tea/ui/list-action/list-action.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
|
|
|
@ -10,9 +10,9 @@
|
||||||
import type { Tab } from '@tea/ui/types';
|
import type { Tab } from '@tea/ui/types';
|
||||||
import Bottles from '@tea/ui/Bottles/Bottles.svelte';
|
import Bottles from '@tea/ui/Bottles/Bottles.svelte';
|
||||||
import { getPackageBottles } from '@api';
|
import { getPackageBottles } from '@api';
|
||||||
import PackageMetas from '@tea/ui/PackageMetas/PackageMetas.svelte';
|
import PackageMetas from '@tea/ui/package-metas/package-metas.svelte';
|
||||||
import Markdown from '@tea/ui/Markdown/Markdown.svelte';
|
import Markdown from '@tea/ui/markdown/markdown.svelte';
|
||||||
import PackageSnippets from '@tea/ui/PackageSnippets/PackageSnippets.svelte';
|
import PackageSnippets from '@tea/ui/package-snippets/package-snippets.svelte';
|
||||||
|
|
||||||
/** @type {import('./$types').PageData} */
|
/** @type {import('./$types').PageData} */
|
||||||
export let data;
|
export let data;
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
import Button from "./ButtonView.svelte";
|
import Button from "./button-view.svelte";
|
||||||
|
|
||||||
// More on how to set up stories at: https://storybook.js.org/docs/7.0/svelte/writing-stories/introduction
|
// More on how to set up stories at: https://storybook.js.org/docs/7.0/svelte/writing-stories/introduction
|
||||||
export default {
|
export default {
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
import { onDestroy, onMount } from "svelte";
|
import { onDestroy, onMount } from "svelte";
|
||||||
import { watchResize } from "svelte-watch-resize";
|
import { watchResize } from "svelte-watch-resize";
|
||||||
import Preloader from "../Preloader/Preloader.svelte";
|
import Preloader from "../Preloader/Preloader.svelte";
|
||||||
import GalleryItem from "./GalleryItem.svelte";
|
import GalleryItem from "./gallery-item.svelte";
|
||||||
|
|
||||||
export let title = "";
|
export let title = "";
|
||||||
export let linkTarget = "";
|
export let linkTarget = "";
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import "../app.css";
|
import "../app.css";
|
||||||
import ImgLoader from "../ImgLoader/ImgLoader.svelte";
|
import ImgLoader from "../img-loader/img-loader.svelte";
|
||||||
|
|
||||||
export let width = 0;
|
export let width = 0;
|
||||||
export let imageUrl = "";
|
export let imageUrl = "";
|
|
@ -1,6 +1,6 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import Button from "../Button/Button.svelte";
|
import Button from "../Button/Button.svelte";
|
||||||
import ImgLoader from "../ImgLoader/ImgLoader.svelte";
|
import ImgLoader from "../img-loader/img-loader.svelte";
|
||||||
import type { ListActionItem } from "../types";
|
import type { ListActionItem } from "../types";
|
||||||
|
|
||||||
export let title: string;
|
export let title: string;
|
|
@ -2,7 +2,7 @@
|
||||||
import "../app.css";
|
import "../app.css";
|
||||||
import type { Package } from "../types";
|
import type { Package } from "../types";
|
||||||
|
|
||||||
import ImgLoader from "../ImgLoader/ImgLoader.svelte";
|
import ImgLoader from "../img-loader/img-loader.svelte";
|
||||||
|
|
||||||
export let pkg: Package;
|
export let pkg: Package;
|
||||||
export let ctaLabel: string;
|
export let ctaLabel: string;
|
|
@ -1,7 +1,7 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import "../app.css";
|
import "../app.css";
|
||||||
import type { Package } from "../types";
|
import type { Package } from "../types";
|
||||||
import ImgLoader from "../ImgLoader/ImgLoader.svelte";
|
import ImgLoader from "../img-loader/img-loader.svelte";
|
||||||
|
|
||||||
export let pkg: Package;
|
export let pkg: Package;
|
||||||
export let link: string;
|
export let link: string;
|
|
@ -2,8 +2,8 @@
|
||||||
import "../app.css";
|
import "../app.css";
|
||||||
import { onMount } from "svelte";
|
import { onMount } from "svelte";
|
||||||
import type { Snippet, Tab } from "../types";
|
import type { Snippet, Tab } from "../types";
|
||||||
import Tabs from "../Tabs/Tabs.svelte";
|
import Tabs from "../tabs/tabs.svelte";
|
||||||
import Code from "./Code.svelte";
|
import Code from "./code.svelte";
|
||||||
|
|
||||||
export let snippet: Snippet;
|
export let snippet: Snippet;
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { snippets } from "./sample";
|
import { snippets } from "./sample";
|
||||||
import PackageSnippet from "./PackageSnippet.svelte";
|
import PackageSnippet from "./package-snippet.svelte";
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<ul class="bg-black">
|
<ul class="bg-black">
|
Loading…
Reference in a new issue