#203 kebabe case on ui modules

This commit is contained in:
neil 2023-02-14 20:14:02 +08:00
parent bab53c52f8
commit f530cf191c
54 changed files with 46 additions and 46 deletions

View file

@ -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';

View file

@ -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';

View file

@ -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[] = [];

View file

@ -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[] = [];

View file

@ -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';

View file

@ -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[];

View file

@ -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

View file

@ -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';

View file

@ -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';

View file

@ -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';

View file

@ -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';

View file

@ -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';

View file

@ -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[] = [
{

View file

@ -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;

View file

@ -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';

View file

@ -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';

View file

@ -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[] = [];

View file

@ -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[] = [];

View file

@ -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';

View file

@ -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[];

View file

@ -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

View file

@ -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';

View file

@ -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';

View file

@ -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';

View file

@ -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';

View file

@ -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>

View file

@ -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;

View file

@ -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 {

View file

@ -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 = "";

View file

@ -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 = "";

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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">