setup artist page boilerplate code

src/views/ArtistView/Main.vue

@@ -0,0 +1,49 @@
+<template>
+  <div
+    class="artist-page v-scroll-page"
+    style="height: 100%"
+    :class="{ isSmall, isMedium }"
+  >
+    <RecycleScroller
+      class="scroller"
+      :items="scrollerItems"
+      :item-size="null"
+      key-field="id"
+      v-slot="{ item }"
+      style="height: 100%"
+    >
+      <component :is="item.component" v-bind="item.props" />
+    </RecycleScroller>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { isMedium, isSmall } from "@/stores/content-width";
+
+import Header from "@/components/ArtistView/Header.vue";
+import { computed } from "vue";
+
+interface ScrollerItem {
+  id: string | number;
+  component: typeof Header;
+  // props: Record<string, unknown>;
+  size: number;
+}
+
+const header: ScrollerItem = {
+  id: "artist-header",
+  component: Header,
+  size: 19 * 16,
+};
+
+const scrollerItems = computed(() => {
+  return [header];
+});
+</script>
+
+<style lang="scss">
+.artist-page {
+  border: solid 1px;
+
+}
+</style>

src/views/ArtistView/index.ts

@@ -0,0 +1,3 @@
+import ArtistView from "./Main.vue";
+
+export default ArtistView;

src/views/PlaylistView/index.vue

@@ -45,9 +45,6 @@ interface ScrollerItem {
 const header: ScrollerItem = {
   id: "header",
   component: Header,
-  // props: {
-  //   info: playlist.info,
-  // },
   size: 19 * 16,
 };