Loading src/pages/HomePage.vue +4 −15 Original line number Diff line number Diff line Loading @@ -14,25 +14,14 @@ const { height: entitiesHeight } = useElementSize(entitiesContainer); const dataStore = useDataStore(); const interfaceStore = useInterfaceStore(); // const entities = ref(JSON.parse(localStorage.getItem('homeEntities') || '[]')); const entities = computed(() => dataStore.homeEntities); const backgroundUrl = computed<string>(() => interfaceStore.homeBackgroundUrl); const addEntity = (newEntity: IEntity) => { console.log('entities.value', entities.value); const prevState = [...entities.value]; prevState.push(newEntity); dataStore.editHomeEntities(prevState); // let prevValue = JSON.parse(localStorage.getItem('homeEntities') || '[]'); // prevValue.push(newEntity); // localStorage.setItem('homeEntities', JSON.stringify(prevValue)); // entities.value.push(newEntity); }; const backgroundUrl = computed<string>(() => interfaceStore.homeBackgroundUrl); watchEffect(() => { console.log('entities: ', entities.value); }); </script> <template> Loading Loading @@ -74,9 +63,9 @@ watchEffect(() => { <p class="mb-6"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad autem cum dolores doloribus dolorum, earum illum nam nemo nesciunt odit pariatur quam quisquam reprehenderit sapiente ullam unde ut vel, voluptatem! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad autem cum dolores doloribus dolorum, earum illum nam nemo nesciunt odit pariatur quam quisquam reprehenderit sapiente ullam unde ut vel, voluptatem! sapiente ullam unde ut vel, voluptatem! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad autem cum dolores doloribus dolorum, earum illum nam nemo nesciunt odit pariatur quam quisquam reprehenderit sapiente ullam unde ut vel, voluptatem! </p> <EntityItem v-for="entitiesItem of entities" Loading src/router/index.ts +0 −3 Original line number Diff line number Diff line Loading @@ -12,9 +12,6 @@ const router = createRouter({ { path: '/:sheetUuid', name: 'sheet', // route level code-splitting // this generates a separate chunk (About.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => import('../pages/[uuid]/SheetPage.vue') } ] Loading src/stores/authorization.ts +0 −4 Original line number Diff line number Diff line Loading @@ -5,10 +5,6 @@ export const useAuthorizationStore = defineStore('authorizationStore', () => { const userUuid = ref<string>('e786de50-f33c-4ef9-9dfe-329eed32b023'); const userNickName = ref<string>('malyusgun'); const userData = ref<IUserData | null>(); // const doubleCount = computed(() => count.value * 2); // function increment() { // count.value++; // } return { userUuid, userNickName, userData }; }); index.html +3 −3 File changed.Contains only whitespace changes. Show changes Loading
src/pages/HomePage.vue +4 −15 Original line number Diff line number Diff line Loading @@ -14,25 +14,14 @@ const { height: entitiesHeight } = useElementSize(entitiesContainer); const dataStore = useDataStore(); const interfaceStore = useInterfaceStore(); // const entities = ref(JSON.parse(localStorage.getItem('homeEntities') || '[]')); const entities = computed(() => dataStore.homeEntities); const backgroundUrl = computed<string>(() => interfaceStore.homeBackgroundUrl); const addEntity = (newEntity: IEntity) => { console.log('entities.value', entities.value); const prevState = [...entities.value]; prevState.push(newEntity); dataStore.editHomeEntities(prevState); // let prevValue = JSON.parse(localStorage.getItem('homeEntities') || '[]'); // prevValue.push(newEntity); // localStorage.setItem('homeEntities', JSON.stringify(prevValue)); // entities.value.push(newEntity); }; const backgroundUrl = computed<string>(() => interfaceStore.homeBackgroundUrl); watchEffect(() => { console.log('entities: ', entities.value); }); </script> <template> Loading Loading @@ -74,9 +63,9 @@ watchEffect(() => { <p class="mb-6"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad autem cum dolores doloribus dolorum, earum illum nam nemo nesciunt odit pariatur quam quisquam reprehenderit sapiente ullam unde ut vel, voluptatem! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad autem cum dolores doloribus dolorum, earum illum nam nemo nesciunt odit pariatur quam quisquam reprehenderit sapiente ullam unde ut vel, voluptatem! sapiente ullam unde ut vel, voluptatem! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad autem cum dolores doloribus dolorum, earum illum nam nemo nesciunt odit pariatur quam quisquam reprehenderit sapiente ullam unde ut vel, voluptatem! </p> <EntityItem v-for="entitiesItem of entities" Loading
src/router/index.ts +0 −3 Original line number Diff line number Diff line Loading @@ -12,9 +12,6 @@ const router = createRouter({ { path: '/:sheetUuid', name: 'sheet', // route level code-splitting // this generates a separate chunk (About.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => import('../pages/[uuid]/SheetPage.vue') } ] Loading
src/stores/authorization.ts +0 −4 Original line number Diff line number Diff line Loading @@ -5,10 +5,6 @@ export const useAuthorizationStore = defineStore('authorizationStore', () => { const userUuid = ref<string>('e786de50-f33c-4ef9-9dfe-329eed32b023'); const userNickName = ref<string>('malyusgun'); const userData = ref<IUserData | null>(); // const doubleCount = computed(() => count.value * 2); // function increment() { // count.value++; // } return { userUuid, userNickName, userData }; });