update to 1.0

Author: ryansolid

package-lock.json

@@ -25,17 +25,17 @@
   "homepage": "https://github.com/solidjs/solid-realworld#readme",
   "dependencies": {
     "marked": "^0.8.0",
-    "solid-js": "0.24.0"
+    "solid-js": "^1.0.0"
   },
   "devDependencies": {
     "@babel/core": "7.12.13",
     "@babel/plugin-proposal-optional-chaining": "7.12.13",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
+    "@rollup/plugin-babel": "5.2.0",
     "@rollup/plugin-commonjs": "17.1.0",
     "@rollup/plugin-node-resolve": "11.1.1",
-    "babel-preset-solid": "0.24.0",
+    "babel-preset-solid": "^1.0.0",
     "rollup": "2.38.4",
-    "@rollup/plugin-babel": "5.2.0",
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-terser": "^7.0.0",
     "serve": "^11.3.2"

package.json

@@ -1,4 +1,4 @@
-import { createState } from "solid-js";
+import { createStore } from "solid-js/store";
 import NavLink from "../../components/NavLink";
 import ListErrors from "../../components/ListErrors";
 import { useStore } from "../../store";
@@ -36,7 +36,7 @@ const Comment = ({ comment, currentUser, onDelete }) => {
 };
 
 const CommentInput = ({ slug, createComment, loadComments, currentUser }) => {
-  const [state, setState] = createState({ body: "" }),
+  const [state, setState] = createSore({ body: "" }),
     handleBodyChange = ev => setState({ body: ev.target.value }),
     createCommentHandler = ev => {
       ev.preventDefault();

src/pages/Article/Comments.js

@@ -1,10 +1,10 @@
-import { createState } from "solid-js";
+import { createStore } from "solid-js/store";
 import NavLink from "../components/NavLink";
 import ListErrors from "../components/ListErrors";
 import { useStore } from "../store";
 
 export default () => {
-  const [state, setState] = createState({ username: "", inProgress: false }),
+  const [state, setState] = createStore({ username: "", inProgress: false }),
     [, { register, login }] = useStore(),
     isLogin = location.hash.includes("login"),
     text = isLogin ? "Sign in" : "Sign up",

src/pages/Auth.js

@@ -1,10 +1,11 @@
-import { createState, createComputed } from "solid-js";
+import { createComputed } from "solid-js"
+import { createStore } from "solid-js/store";
 import { useStore } from "../../store";
 import ListErrors from "../../components/ListErrors";
 
 export default ({ slug }) => {
   const [store, { createArticle, updateArticle }] = useStore(),
-    [state, setState] = createState({ tagInput: "", tagList: [] }),
+    [state, setState] = createStore({ tagInput: "", tagList: [] }),
     updateState = field => ev => setState(field, ev.target.value),
     handleAddTag = () => {
       if (state.tagInput) {

src/pages/Editor/Editor.js

@@ -1,10 +1,10 @@
 import { useStore } from "../store";
 import ListErrors from "../components/ListErrors";
-import { createState } from "solid-js";
+import { createStore } from "solid-js/store";
 
 export default () => {
   const [store, { logout, updateUser }] = useStore(),
-    [state, setState] = createState({
+    [state, setState] = createStore({
       image: store.currentUser.image || "",
       username: store.currentUser.username,
       bio: store.currentUser.bio || "",

src/pages/Settings.js

@@ -19,7 +19,7 @@ export default function createArticles(agent, actions, state, setState) {
       if (article) return prev();
       return agent.Articles.get(args[1]).then((article) => ({ ...prev(), [args[1]]: article }));
     },
-    {}
+    { initialValue: {} }
   );
 
   function $req(predicate) {

src/store/createArticles.js

@@ -4,7 +4,7 @@ export default function createComments(agent, actions, state, setState) {
   const [comments, { mutate, refetch }] = createResource(
     () => state.articleSlug,
     agent.Comments.forArticle,
-    []
+    { initialValue: [] }
   );
   Object.assign(actions, {
     loadComments(articleSlug, reload) {

src/store/createComments.js

@@ -4,7 +4,7 @@ export default function createCommon(agent, actions, state, setState) {
   const [tags] = createResource(
     "tags",
     () => agent.Tags.getAll().then((tags) => tags.map((t) => t.toLowerCase())),
-    []
+    { initialValue: [] }
   );
   createEffect(() => {
     state.token ? localStorage.setItem("jwt", state.token) : localStorage.removeItem("jwt");

src/store/createCommon.js

@@ -1,4 +1,5 @@
-import { createContext, useContext, createState } from "solid-js";
+import { createContext, useContext } from "solid-js";
+import { createStore } from "solid-js/store";
 import createAgent from "./createAgent";
 import createArticles from "./createArticles";
 import createAuth from "./createAuth";
@@ -12,7 +13,7 @@ const RouterContext = createContext();
 export function Provider(props) {
   let articles, comments, tags, profile, currentUser;
   const router = createRouteHandler(""),
-    [state, setState] = createState({
+    [state, setState] = createStore({
       get articles() {
         return articles();
       },