mirror of
https://github.com/ivabus/gui
synced 2025-06-06 23:30:26 +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">
|
||||
import PanelHeader from '@tea/ui/PanelHeader/PanelHeader.svelte';
|
||||
import MiniPackageCard from '@tea/ui/MiniPackageCard/MiniPackageCard.svelte';
|
||||
import PanelHeader from '@tea/ui/panel-header/panel-header.svelte';
|
||||
import MiniPackageCard from '@tea/ui/mini-package-card/mini-package-card.svelte';
|
||||
import type { Category } from '$libs/types';
|
||||
import { onMount } from 'svelte';
|
||||
import { getCategorizedPackages } from '@api';
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
import '$appcss';
|
||||
import type { AirtablePost } from '@tea/ui/types';
|
||||
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 { postsStore } from '$libs/stores';
|
||||
|
||||
|
|
|
@ -2,9 +2,9 @@
|
|||
import '$appcss';
|
||||
import type { GUIPackage } 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 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';
|
||||
let packages: GUIPackage[] = [];
|
||||
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
import { postsStore } from '$libs/stores';
|
||||
import type { AirtablePost } from '@tea/ui/types';
|
||||
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';
|
||||
|
||||
let news: AirtablePost[] = [];
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
import '@tea/ui/icons/icons.css';
|
||||
import type { Package, Bottle } from '@tea/ui/types';
|
||||
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 { getPackageBottles } from '@api';
|
||||
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<script lang="ts">
|
||||
import '$appcss';
|
||||
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';
|
||||
export let reviews: Review[];
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
import type { GUIPackage } from '$libs/types';
|
||||
import { PackageStates } from '$libs/types';
|
||||
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';
|
||||
|
||||
// TODO: replace with getting foundation essentials
|
||||
|
|
|
@ -4,8 +4,8 @@
|
|||
import SortingButtons from './SortingButtons.svelte';
|
||||
import type { GUIPackage } from '$libs/types';
|
||||
import { PackageStates } from '$libs/types';
|
||||
import PackageCard from '@tea/ui/PackageCard/PackageCard.svelte';
|
||||
import SearchInput from '@tea/ui/SearchInput/SearchInput.svelte';
|
||||
import PackageCard from '@tea/ui/package-card/package-card.svelte';
|
||||
import SearchInput from '@tea/ui/search-input/search-input.svelte';
|
||||
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
||||
|
||||
import { installPackage } from '@api';
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
import { searchStore } from '$libs/stores';
|
||||
import type { GUIPackage } from '$libs/types';
|
||||
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 Posts from '@tea/ui/Posts/Posts.svelte';
|
||||
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
import type { Package } from '@tea/ui/types';
|
||||
import { PackageStates } from '$libs/types';
|
||||
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 { installPackage } from '@api';
|
||||
import { packagesStore } from '$libs/stores';
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
import { page } from '$app/stores';
|
||||
import { beforeUpdate } from 'svelte';
|
||||
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 ProfileNavButton from './ProfileNavButton.svelte';
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<!-- home / discover / welcome page -->
|
||||
<script lang="ts">
|
||||
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 { packagesStore } from '$libs/stores';
|
||||
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<script lang="ts">
|
||||
import '$appcss';
|
||||
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[] = [
|
||||
{
|
||||
|
|
|
@ -10,9 +10,9 @@
|
|||
import type { Tab } from '@tea/ui/types';
|
||||
import Bottles from '@tea/ui/Bottles/Bottles.svelte';
|
||||
import { getPackageBottles } from '@api';
|
||||
import PackageMetas from '@tea/ui/PackageMetas/PackageMetas.svelte';
|
||||
import Markdown from '@tea/ui/Markdown/Markdown.svelte';
|
||||
import PackageSnippets from '@tea/ui/PackageSnippets/PackageSnippets.svelte';
|
||||
import PackageMetas from '@tea/ui/package-metas/package-metas.svelte';
|
||||
import Markdown from '@tea/ui/markdown/markdown.svelte';
|
||||
import PackageSnippets from '@tea/ui/package-snippets/package-snippets.svelte';
|
||||
|
||||
/** @type {import('./$types').PageData} */
|
||||
export let data;
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<script lang="ts">
|
||||
import PanelHeader from '@tea/ui/PanelHeader/PanelHeader.svelte';
|
||||
import MiniPackageCard from '@tea/ui/MiniPackageCard/MiniPackageCard.svelte';
|
||||
import PanelHeader from '@tea/ui/panel-header/panel-header.svelte';
|
||||
import MiniPackageCard from '@tea/ui/mini-package-card/mini-package-card.svelte';
|
||||
import type { Category } from '$libs/types';
|
||||
import { onMount } from 'svelte';
|
||||
import { getCategorizedPackages } from '@api';
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
import '$appcss';
|
||||
import type { AirtablePost } from '@tea/ui/types';
|
||||
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 { postsStore } from '$libs/stores';
|
||||
|
||||
|
|
|
@ -2,9 +2,9 @@
|
|||
import '$appcss';
|
||||
import type { GUIPackage } 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 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';
|
||||
let packages: GUIPackage[] = [];
|
||||
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
import { postsStore } from '$libs/stores';
|
||||
import type { AirtablePost } from '@tea/ui/types';
|
||||
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';
|
||||
|
||||
let news: AirtablePost[] = [];
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
import '@tea/ui/icons/icons.css';
|
||||
import type { Package, Bottle } from '@tea/ui/types';
|
||||
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 { getPackageBottles } from '@api';
|
||||
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<script lang="ts">
|
||||
import '$appcss';
|
||||
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';
|
||||
export let reviews: Review[];
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
import type { GUIPackage } from '$libs/types';
|
||||
import { PackageStates } from '$libs/types';
|
||||
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';
|
||||
|
||||
// TODO: replace with getting foundation essentials
|
||||
|
|
|
@ -4,8 +4,8 @@
|
|||
import SortingButtons from './SortingButtons.svelte';
|
||||
import type { GUIPackage } from '$libs/types';
|
||||
import { PackageStates } from '$libs/types';
|
||||
import PackageCard from '@tea/ui/PackageCard/PackageCard.svelte';
|
||||
import SearchInput from '@tea/ui/SearchInput/SearchInput.svelte';
|
||||
import PackageCard from '@tea/ui/package-card/package-card.svelte';
|
||||
import SearchInput from '@tea/ui/search-input/search-input.svelte';
|
||||
import Preloader from '@tea/ui/Preloader/Preloader.svelte';
|
||||
|
||||
import { installPackage } from '@api';
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
import { searchStore } from '$libs/stores';
|
||||
import type { GUIPackage } from '$libs/types';
|
||||
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 Posts from '@tea/ui/Posts/Posts.svelte';
|
||||
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
import type { Package } from '@tea/ui/types';
|
||||
import { PackageStates } from '$libs/types';
|
||||
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 { installPackage } from '@api';
|
||||
import { packagesStore } from '$libs/stores';
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
import { page } from '$app/stores';
|
||||
import { beforeUpdate } from 'svelte';
|
||||
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 ProfileNavButton from './ProfileNavButton.svelte';
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
import News from '$components/News/News.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>
|
||||
|
||||
<div>
|
||||
|
|
|
@ -10,9 +10,9 @@
|
|||
import type { Tab } from '@tea/ui/types';
|
||||
import Bottles from '@tea/ui/Bottles/Bottles.svelte';
|
||||
import { getPackageBottles } from '@api';
|
||||
import PackageMetas from '@tea/ui/PackageMetas/PackageMetas.svelte';
|
||||
import Markdown from '@tea/ui/Markdown/Markdown.svelte';
|
||||
import PackageSnippets from '@tea/ui/PackageSnippets/PackageSnippets.svelte';
|
||||
import PackageMetas from '@tea/ui/package-metas/package-metas.svelte';
|
||||
import Markdown from '@tea/ui/markdown/markdown.svelte';
|
||||
import PackageSnippets from '@tea/ui/package-snippets/package-snippets.svelte';
|
||||
|
||||
/** @type {import('./$types').PageData} */
|
||||
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
|
||||
export default {
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
import { onDestroy, onMount } from "svelte";
|
||||
import { watchResize } from "svelte-watch-resize";
|
||||
import Preloader from "../Preloader/Preloader.svelte";
|
||||
import GalleryItem from "./GalleryItem.svelte";
|
||||
import GalleryItem from "./gallery-item.svelte";
|
||||
|
||||
export let title = "";
|
||||
export let linkTarget = "";
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<script lang="ts">
|
||||
import "../app.css";
|
||||
import ImgLoader from "../ImgLoader/ImgLoader.svelte";
|
||||
import ImgLoader from "../img-loader/img-loader.svelte";
|
||||
|
||||
export let width = 0;
|
||||
export let imageUrl = "";
|
|
@ -1,6 +1,6 @@
|
|||
<script lang="ts">
|
||||
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";
|
||||
|
||||
export let title: string;
|
|
@ -2,7 +2,7 @@
|
|||
import "../app.css";
|
||||
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 ctaLabel: string;
|
|
@ -1,7 +1,7 @@
|
|||
<script lang="ts">
|
||||
import "../app.css";
|
||||
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 link: string;
|
|
@ -2,8 +2,8 @@
|
|||
import "../app.css";
|
||||
import { onMount } from "svelte";
|
||||
import type { Snippet, Tab } from "../types";
|
||||
import Tabs from "../Tabs/Tabs.svelte";
|
||||
import Code from "./Code.svelte";
|
||||
import Tabs from "../tabs/tabs.svelte";
|
||||
import Code from "./code.svelte";
|
||||
|
||||
export let snippet: Snippet;
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
<script lang="ts">
|
||||
import { snippets } from "./sample";
|
||||
import PackageSnippet from "./PackageSnippet.svelte";
|
||||
import PackageSnippet from "./package-snippet.svelte";
|
||||
</script>
|
||||
|
||||
<ul class="bg-black">
|
Loading…
Reference in a new issue