Mikepicker/pocketbase_todo_script_1.html

## pocketbase_todo_script_1.html
<html>
  <head>
  ...
  </head>
  <body>
    ...
    <script>
          document.addEventListener('alpine:init', () => {
        Alpine.data('lists', () => ({
          // pocketbase client
          client: null,

          // login / signup
          showLogin: false,
          email: null,
          password: null,
          passwordConfirm: null,
          loginMessage: null,
          signupMessage: null,

          // lists data
          lists: [],
          newListName: '',
          selectedList: null,

          // items data
          items: null,
          newItem: null

        }))
      })
    </script>
  </body>
</html>
	<html>
	<head>
	...
	</head>
	<body>
	...
	<script>
	document.addEventListener('alpine:init', () => {
	Alpine.data('lists', () => ({
	// pocketbase client
	client: null,

	// login / signup
	showLogin: false,
	email: null,
	password: null,
	passwordConfirm: null,
	loginMessage: null,
	signupMessage: null,

	// lists data
	lists: [],
	newListName: '',
	selectedList: null,

	// items data
	items: null,
	newItem: null

	}))
	})
	</script>
	</body>
	</html>