quasar-appでstorybook追加するも、QuasarのCSSが全く効かない状況

front/Dockerfile

@@ -1,4 +1,4 @@
 # 開発環境
 FROM node:12-slim
 WORKDIR /usr/src/app
-RUN npm install -g @vue/cli
+RUN npm install -g @vue/cli @quasar/cli

front/quasar-app/src/components/molecules/TaskItem.stories.js

@@ -0,0 +1,25 @@
+
+import TaskItem from './TaskItem';
+import { action } from '@storybook/addon-actions';
+
+export default {
+  title: 'TaskItem',
+  component: TaskItem,
+  // Our exports that end in "Data" are not stories.
+  excludeStories: /.*Data$/,
+};
+
+export const actionsData = {
+};
+
+const Template = (args, { argTypes }) => ({
+  components: { TaskItem },
+  props: Object.keys(argTypes),
+  methods: actionsData,
+  template: '<TaskItem :title="title" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+    title:"tasktitle"
+};

front/quasar-app/src/components/organisms/TaskList.stories.js

@@ -0,0 +1,32 @@
+
+import TaskList from './TaskList';
+import { action } from '@storybook/addon-actions';
+
+export default {
+  title: 'TaskList',
+  component: TaskList,
+  // Our exports that end in "Data" are not stories.
+  excludeStories: /.*Data$/,
+};
+
+export const actionsData = {
+};
+
+const Template = (args, { argTypes }) => ({
+  components: { TaskList },
+  props: Object.keys(argTypes),
+  methods: actionsData,
+  template: '<TaskList :task-list="taskList" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  taskList : [
+    {
+      title: 'dummy1'
+    },
+    {
+      title: 'dummy2'
+    }
+  ]
+};

front/quasar-app/src/components/organisms/TaskList.vue

@@ -29,7 +29,7 @@
 </template>
 
 <script>
-import TaskItem from 'components/molecules/TaskItem.vue'
+import TaskItem from '../molecules/TaskItem.vue'
 
 export default {
   name: 'TaskList',