Skip to content

breaking changes since 2.0 #55

@beebase

Description

@beebase

Looking at the docs I see everything declared inside a .svelte file between script tags.

<script>
    import { persist, cookieStorage } from "@macfja/svelte-persistent-store"
    import { writable } from "svelte/store"
    const newsLetterSubscription = persist(writable(false), cookieStorage(), "newsletter")
</script>

Does this mean I can't use a js files anymore to define storages , attach them to a svelte store and import them into a .svelte file ?

[ < 2.0 code]
persistent.js file

import {
	persist,
	createIndexedDBStorage,
	createLocalStorage,
	createSessionStorage,
	createCookieStorage
} from '@macfja/svelte-persistent-store';
import { writable } from 'svelte/store';
import { AES, enc } from 'crypto-js';
export const idb = (sKey, value) => {
	return persist(writable(value), createIndexedDBStorage(), sKey);
};

export const local = (sKey, value) => {
	return persist(writable(value), createLocalStorage(), sKey);
};
export const session = (sKey, value) => {
	return persist(writable(value), createSessionStorage(), sKey);
};
export const cookie = (sKey, value) => {
	return persist(writable(value), createCookieStorage(), sKey);
};

logic.js

    import {local, idb} from  './persistent.js'
    export const contacts = local('array-contacts', [] );

.svelte file

<script>
import {contacts} from './logic.js'
console.log($contacts)
</script>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions