12cassie34

let A = 1
let B = 2
let C

function update() {
    C = A + B
}

12cassie34

let A = 1
let B = 2
let C

C = A + B 

console.log(C)   // 3

A = 2
console.log(C)   // still 3

12cassie34

import { theProfile } from './theProfile.js';

export default {
    namespaced: true,
    state: {
        user: []
    },
    actions: {
      recommendCourses() {
        const theProfileStore = theProfile();

12cassie34

// store/modules/theProfile.js
export default {
    namespaced: true,
    state: {
        user: []
    }
    ...
};

// store/modules/theCours.js

12cassie34

const userStore = defineStore("userStore", {
    state: () => {
        return {
            user: [],
        };
    },
    actions: {
        getNewUser() {
            fetch('https://randomuser.me/api/')
                .then((response) => {

12cassie34

const store = createStore({
  state: {
    user: []
  },
  mutations: {
    changeUser (state, newUser) {
      state.user = newUser;
    }
  },
  actions: {

12cassie34

<select @change="parseItemsPerPage" v-model="itemsPerPage" name="dog-names" id="item-per-page">
    <option value="1">1</option>
    <option value="3">3</option>
    <option value="5">5</option>
    <option value="10">10</option>
</select>

12cassie34

<div class="btn-group">
    <button
        v-for="pageNumber in totalPages"
        @click="changeCurrentPage(pageNumber)"
      >
        {{ pageNumber }}
     </button>
</div>

12cassie34

<ul>
    <li v-for="(city, id) in currentContents" :key="id">
        {{ city.name }}
    </li>
</ul>

12cassie34

computed: {
    totalPages() {
      return Math.ceil(this.dataAmount / this.itemsPerPage);
    },
    currentContents() {
      if (!this.cities || this.cities.length != this.cities.length) {
        return;
      }

      this.dataAmount = this.cities.length;